RGAV Ayurveda Store & Admin
E-commerce site for Ayurvedic products, plus an admin panel the team uses to run the business.
- Role
- Frontend developer
- Context
- Bapa Sitaram Innovation & Technologies
- Stack
- Next.js, React, TypeScript, Tailwind CSS, Material UI, Recharts
Overview
An e-commerce site for RGAV Ayurveda, built from requirements gathered with the CEO and the Ayurveda team, plus an admin panel the team uses to run the store.
The store covers browsing, cart, wishlist and checkout. The admin panel covers revenue analytics, users, orders and the product catalogue. Both are deployed on Vercel with custom domains.
Storefront
- 01
Home page
An infinite carousel of featured products, carousels for the latest and most popular products, and a section on the brand's values.
- 02
Shopping
Product cards with add to cart, add to favorites and buy now, each with full create, update and delete support.
- 03
Filters
Sort and filter products by price, category, popularity and more.
- 04
Reviews
Customers who bought a product can rate and review it on its details page.
Security
- 01
Authentication
Sign-up and login with short-lived access tokens for each session.
- 02
Token storage
Refresh tokens are kept in HTTP-only cookies to protect user sessions.
Admin panel
- 01
Dashboard
Cards for new users, this month's earnings, recent orders and reviews, plus three charts of revenue over the last 30 days.
- 02
Users
A paginated user table, with a page for each user's profile, purchase history and reviews.
- 03
Orders
Order date, products, payment and delivery status, with updates to keep fulfillment on track.
- 04
Products
Full create, read, update and delete, with validation and image uploads.
Gallery
