A modern full-stack e-commerce web application for tech products built with React, Node.js, Express, and MongoDB.
- 🏠 Modern, responsive UI with Tailwind CSS
- 🔐 User authentication (JWT)
- 🛍️ Product listing with filters and search
- 🛒 Shopping cart functionality
- 💳 Checkout process
- 📱 Mobile-friendly design
- 🎨 Clean, professional interface
- 🔒 Secure API endpoints
Frontend:
- React 18
- React Router v6
- Tailwind CSS
- Axios
- Vite
Backend:
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT Authentication
- bcrypt
tech-store/
├── src/ # Frontend source
│ ├── components/ # React components
│ ├── pages/ # Page components
│ ├── context/ # Context providers
│ ├── services/ # API services
│ └── utils/ # Utility functions
├── backend/ # Backend API
│ ├── models/ # Database models
│ ├── controllers/ # Route controllers
│ ├── routes/ # API routes
│ ├── middleware/ # Custom middleware
│ └── utils/ # Backend utilities
└── public/ # Static assets
POST /api/auth/signup- Register new userPOST /api/auth/login- Login user
GET /api/products- Get all products (with filters)GET /api/products/:id- Get single product
POST /api/orders- Create order (protected)GET /api/orders/my-orders- Get user orders (protected)GET /api/orders/:id- Get order by ID (protected)
POST /api/admin/products- Add product (admin only)PUT /api/admin/products/:id- Update product (admin only)DELETE /api/admin/products/:id- Delete product (admin only)
- Browse products by category
- Search products
- Filter by price range
- Sort products
- View product details
- Add to cart
- Update cart quantities
- Checkout process
- User authentication
- Add new products
- Update products
- Delete products
Your Name - (https://github.com/anuragverma4895)
Note: This is a learning project. Do not use in production without proper security audits and enhancements.
#Happy Coding