Welcome to MERN E-Commerce website, a college project.
🔥 This project showcases an E-Commerce website with the following features:
- Product Lists: Browse and explore a wide range of products available for purchase.
- Product Details: View detailed information about each product, including images, descriptions, and pricing.
- Cart: Add and manage selected items in the shopping cart.
- Checkout: Securely process orders for payment and delivery.
- Secure Card Payments / Cash Payments: Provide users with multiple payment options.
- Admin Panel: Administrators can manage orders and products through an intuitive panel.
- Sorting, Filtering, and Pagination: Enhance the user experience with efficient data handling.
- Authentication: Implement user authentication using Passport JS strategies.
- Order Emails: Send order confirmation and status emails to users.
- Reset Password Emails: Allow users to reset their passwords securely.
- User Profile: Users can view and manage their profile information.
- User Orders: Users can track their order history.
🔥 The project is built using the following technologies:
-
Frontend:
- React 18 with Tailwind CSS: Creating responsive and visually appealing user interfaces.
- Redux Toolkit with Async Thunk: Managing state and asynchronous actions efficiently.
- React Router v6: Handling client-side routing.
- JSON-server: Used for front-end testing and mocking API responses.
-
Backend:
- MongoDB: Database for storing product, user, and order information.
- Mongoose v7: Object Data Modeling (ODM) for MongoDB, providing a schema-based solution.
- Express: REST API implementation for handling server-side requests.
- Authentication: Passport JS for user authentication.
- API Authentication: Passport JWT for securing API endpoints.
- MongoDB Atlas: Cloud database service for seamless deployment and management.
-
Deployment:
- Vercel: Server deployment for hosting the website.
- Nodemailer: Used with GMail SMTP system for sending emails (order confirmation, password reset).
- Stripe: Integrated with PaymentIntent for secure and custom payment flows.
🙏 Special thanks to CoderDost for providing inspiration and guidance throughout the development process.
You can find more tutorials and content at CoderDost's YouTube Channel.
Thank you for using our MERN E-Commerce website! We hope you enjoy exploring its features and functionalities. If you have any questions or encounter any issues, please don't hesitate to contact us. Happy shopping! 😊