Welcome to the MERN Stack E-Commerce Project! This full-stack application provides a robust e-commerce solution, leveraging the power of the MERN stack to offer a seamless and secure online shopping experience.
-
Basic E-Commerce Functionality:
- Product Lists
- Product Details
- Shopping Cart
- Checkout Process
-
Secure Payments:
- Supports Card Payments
- Cash Payments
-
Admin Panel:
- Manage Orders
- Add/Edit Products
-
Advanced Data Handling:
- Sorting
- Filtering
- Pagination Queries using Mongoose
-
Authentication:
- Implemented with Passport.js Strategies
-
Automated Emails:
- Order Confirmation Emails
- Password Reset Emails
-
User Management:
- User Profiles
- User Orders
-
Frontend:
- React 18
- Tailwind CSS
- Redux Toolkit with Async Thunk
- React Router v6
- JSON-server for Front-End Testing
-
Backend:
- Express for REST API
- Mongoose v7 for ODM
- Passport.js for Authentication
- Passport JWT for API Authentication
-
Database:
- MongoDB Atlas Cloud Database
-
Deployment:
- Vercel Server
-
Email Services:
- Nodemailer using Gmail SMTP
-
Payments:
- Stripe Integration with PaymentIntent-based Custom Flow
To get started with the project, follow these steps:
-
Clone the Repository:
git clone https://github.com/yourusername/mern-ecommerce-project.git
-
Navigate to the Project Directory:
cd mern-ecommerce-project -
Install Dependencies:
npm install
-
Set Up Environment Variables: Create a
.envfile in the root directory and add your configuration details (e.g., Stripe API keys, MongoDB URI). -
Run the Application:
npm run dev
-
Open in Browser: Visit
http://localhost:3000to start exploring the application!
We welcome contributions from the community! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Commit your changes (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Create a new Pull Request.
For major changes, please open an issue first to discuss what you would like to change.
For any questions, suggestions, or feedback, feel free to reach out to us at [email protected].
Thank you for checking out the MERN Stack E-Commerce Project! We hope you find it useful and look forward to your contributions.