A
TheAdarsh

RGAV Ayurveda

Web DevelopmentJune 2023

A full-stack e-commerce platform for Ayurvedic products with advanced features.

Project Overview

  • Developed a feature-rich e-commerce website for RGAV Ayurveda, providing an engaging and secure shopping experience
  • Implemented various pages and functionalities based on requirements from the CEO and Ayurveda team
  • Created infinite carousels for featured products and dedicated sections for latest/popular items
  • Built comprehensive About Us and Contact Us pages with form functionality

Key Features

  • Infinite carousel showcasing featured products and promotions
  • Product carousels for latest and popular items
  • Why Choose RGAV section highlighting company values
  • Detailed About Us page with company history
  • Contact form with backend integration
  • Full product listings with interactive cards
  • Add to Cart with CRUD operations
  • Wishlist functionality with favorites management
  • Buy Now option for instant checkout
  • Advanced filtering by price, category, popularity
  • Product details page with review system
  • Secure authentication with token management
  • Payment integration (in development)

Technical Details

  • Frontend: React with TypeScript
  • Backend: Node.js with Express
  • Database: MongoDB
  • State Management: Redux
  • Authentication: JWT with HTTP-only cookies
  • Hosting: Vercel with custom domain
  • Responsive design for all devices

Challenges

  • Implementing smooth infinite carousel without performance issues
  • Managing complex product filtering system
  • Securing payment integration

Solutions

  • Used windowing technique for carousel items
  • Created optimized filter algorithms
  • Implemented Stripe with proper security measures

Technologies Used

ReactExpressTailwind CSSTypeScriptMongoDBStripe

Project Links

Project Screenshots

RGAV Ayurveda screenshot 1
RGAV Ayurveda screenshot 2
RGAV Ayurveda screenshot 3