Also Check Out : MERN E-COMMERCE FRONTEND
An e-commerce shopping app built using the MERN (MongoDB, Express, React, Node.js) stack, TypeScript, Redux Toolkit. This project provides both normal user and admin modes, offering a wide range of features to enhance the shopping experience.
demo-video.mp4
product-checkout.mp4
FRONTEND
- React.Js: For building the user interface.
- Redux: For state management.
- Firebase: For user authentication and authorization.
BACKEND
- Node.js: for server-side execution.
- Express.js: For building the RESTful API.
- MongoDB Atlas: As the database for storing user and product data.
TOOLS and PLATFORMS
- GitHub: For version control and collaboration.
- Render: For deployment of the backend.
- Vercel: For deployment of the frontend.
- Postman: For API testing.
Feature | Description |
---|---|
User Authentication | Firebase for secure user login and registration |
Password Reset | Reset password via email with reset link |
Shopping Cart | Add items to the cart and apply coupon codes |
Shipping Options | Specify shipping area for product delivery |
Order Tracking | Track the status of orders |
Payment Gateway | Secure payment processing via Stripe |
Advanced Search | Filter products by price range, category, and rating |
State Management | Global state management with Redux |
Feature | Description |
---|---|
Admin Dashboard | Access to an admin-only dashboard |
User Management | View and manage users (delete, promote to admin) |
Product Management | Edit and create products, manage stock levels |
Order Management | View all orders, and can manage them |
Role-Based Permissions | Restrict admin features based on roles |
Order Approval Workflow | Set up approval process for Update status of order |
Sales Analytics | Gain insights into sales trends and popular products |
Dynamic Coupons | Create and manage targeted coupons |
User Analytics | Track user engagement and activity |
For Backend - npm i && npm run build
Make Sure to Create a .env file in root directory and add appropriate variables in order to use the app.
Essential Variables
PORT= 4000 or any
MONGO_URI= mongodb://localhost:27017 or cloud uri
STRIPE_KEY=stripe secret key
PRODUCT_PER_PAGE=8 or any
fill each filed with your info respectively
If you have any feedback, feel free to reach out:
- LinkedIn : https://www.linkedin.com/in/yashk9293/
- GitHub : https://github.com/yashk9293
- Instagram : https://www.instagram.com/yashk9293