A modern MERN-stack grocery shopping platform that blends recipe-based shopping, traditional grocery browsing, smart cart automation, and online payments.
| Service | URL |
|---|---|
| Frontend | https://quickpick-wx52.vercel.app |
QuickPick is a smart grocery shopping platform built using the MERN stack.
It supports traditional grocery shopping and recipe-based shopping, where selecting a recipe automatically fetches all required ingredients.
- Full authentication system (JWT)
- Product & Category browsing
- Recipe-based grocery suggestions
- Smart cart and quantity management
- Online Checkout with Stripe
- Email notifications using Resend API
- Image uploads with Cloudinary
- Admin dashboard for managing products, categories, and orders
- Fully deployed frontend & backend
- Login / Register
- Browse products & categories
- Auto-generated grocery list from recipes
- Add to cart / Remove from cart
- Checkout using Stripe
- View order history
- Email confirmations on order success
- Add/update/delete products
- Upload product images using Cloudinary
- Manage categories
- Manage customer orders
- Store dashboard with data insights
- JWT authentication
- Protected API routes
- CORS protection
- Secure Stripe webhook handling
- React + Vite
- React Router
- Axios
- TailwindCSS (or Custom CSS)
- Node.js
- Express.js
- MongoDB + Mongoose
- Cloudinary SDK
- Resend Email API
- Stripe Payments
- Vercel (Frontend)
- Vercel (Backend)
VITE_API_URL= VITE_STRIPE_PUBLIC_KEY=
MONGODB_URI=
SECRET_KEY_ACCESS_TOKEN= SECRET_KEY_REFRESH_TOKEN=
FRONTEND_URL=
CLOUDINARY_CLOUD_NAME= CLOUDINARY_API_KEY= CLOUDINARY_API_SECRET_KEY=
RESEND_API=
STRIPE_SECRET_KEY= STRIPE_ENDPOINT_WEBHOOK_SECRET_KEY=
git clone https://github.com/Niyatinagar/Quickpick.git
cd Quickpick
cd client
npm install
npm run dev
cd ../server
npm install
npm start