Zippy is a sleek, high-performance, and scalable eCommerce platform built with React.js on the frontend and Node.js/Express on the backend. It features a modern user-facing storefront, a powerful admin dashboard, and integrates with Cloudinary for efficient media handling.
π¬ Demo Preview π Prototype in Action
This is your first look at the tools powering Zippy behind the scenes.
πΊ Watch the demo above:
- π Clean & responsive product catalog with filtering and sorting
- πΈ Product detail pages with dynamic image gallery
- π§Ύ Shopping cart & checkout functionality
- π User registration, login & order history
- π¦ Full product CRUD management
- π₯ Manage users and orders
- π Analytics dashboard (optional / in-progress)
- π‘οΈ Role-based access control
- π RESTful API built with Node.js + Express
- π Secure JWT-based authentication
- ποΈ MongoDB for data persistence
- βοΈ Cloudinary integration for media storage
Layer | Technology |
---|---|
Frontend | React.js, Redux (optional), TailwindCSS / Bootstrap |
Backend | Node.js, Express.js |
Database | MongoDB |
Cloud | Cloudinary |
Auth | JWT |
Deploy | TBD (e.g. Vercel / Render / Heroku / AWS) |
ecommerces/
βββ backend/ # Node.js backend with Express
β βββ models/
β βββ routes/
β βββ controllers/
β βββ config/
βββ frontend/ # React frontend
β βββ components/
β βββ pages/
β βββ admin/ # Admin dashboard views
β βββ utils/
βββ README.md
- Node.js β₯ v16
- MongoDB (local or cloud instance)
- Cloudinary account
- Clone the Repository
git clone https://github.com/SHREESH2004/ecommerces.git
cd ecommerces
- Backend Setup
cd backend
npm install
Create a .env
file:
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
Run the server:
npm run dev
- Frontend Setup
cd ../frontend
npm install
npm start
- β Core eCommerce functionality
- β Admin product & user management
- π Payment gateway integration (e.g., Stripe)
- π Product reviews and ratings
- π Autocomplete search
- π Responsive design improvements
Pull requests are welcome! For major changes, please open an issue to discuss your ideas before submitting.
Licensed under the MIT License.
- GitHub: @SHREESH2004
- Email: [email protected]