- Full-Stack MERN E-commerce App
N-Tech-Shop is a modern, fully-responsive full-stack MERN (MongoDB, Express.js, React.js, Node.js) e-commerce project. It is designed to showcase a smooth and elegant UI/UX experience with category-based device listings, dynamic cart handling, and admin functionalities.
Note: This project currently focuses on front-end design and user flow simulation. Backend operations are implemented with minimal security, mainly to support CRUD functionality and database integration.
- Firebase-based login system
- Users can log in to add items to their cart and place orders
- Products displayed in device-specific categories
- Each product has a dedicated details page
- Users can add to cart and view their cart with quantity and price details
- Order confirmation modal with order summary on placement
- Accessible only via front-end protected routes
- Admin can:
- Add new products
- Edit existing products
- Delete products
- Focused on responsive, clean, and modern design
- Smooth navigation and page transitions
- Custom loading spinner, alert, modals, and interactive components
| Frontend | Backend | Database | Auth | Hosting |
|---|---|---|---|---|
| React.js | Node.js | MongoDB | Firebase | Firebase, vercel |
- Integrate JWT authentication for protected routes
- Implement role-based access control for admin actions
- Add backend verification for admin routes
- Implement user profile management
- View past orders, manage shipping info, etc.
- Add user management system
- Dashboard with order analytics, stock updates, etc.
- Use mongoose schema validation
- Add timestamps, order history, etc.
Ashraf Ali
MERN Stack Developer