MERN E-commerce Website 🛒

Welcome to the MERN E-commerce Website repository! This project serves as a comprehensive tutorial for building an e-commerce application using the MERN stack. It covers essential features such as product management, user authentication, and payment integration.

Check out the releases here!

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Folder Structure
• Contributing
• License
• Contact

Features

• Product Management: Add, edit, and delete products with ease.
• User Authentication: Secure user login and registration process.
• Payment Integration: Seamless payment processing using PayPal API.
• Ratings and Reviews: Users can leave feedback on products.
• Responsive Design: Built with Tailwind CSS for a modern look.
• State Management: Uses Redux Toolkit for efficient state management.

Technologies Used

This project leverages a variety of technologies:

• MERN Stack: MongoDB, Express.js, React, Node.js
• Cloudinary: For image uploads and management.
• PayPal API: For handling payments.
• Redux Toolkit: For state management in React.
• Tailwind CSS: For styling the application.
• User Reviews: To enhance product credibility.

Installation

To get started with the MERN E-commerce Website, follow these steps:

1. Clone the Repository:

   git clone https://github.com/roniepascal/mern-ecommerce-website.git

2. Navigate to the Project Directory:

   cd mern-ecommerce-website

3. Install Dependencies:

   For the server:

   cd server
   npm install

   For the client:

   cd client
   npm install

4. Set Up Environment Variables:

   Create a .env file in the server directory and add the necessary environment variables such as MongoDB URI and PayPal Client ID.

5. Run the Application:

   Start the server:

   cd server
   npm start

   Start the client:

   cd client
   npm start

Visit http://localhost:3000 to see the application in action!

Usage

Once the application is running, you can:

• Register a new user account.
• Log in to your account.
• Browse through the product catalog.
• Add products to your cart.
• Proceed to checkout and make payments using PayPal.
• Leave ratings and reviews for products you purchase.

For more detailed instructions, refer to the Releases section where you can find specific builds and their corresponding documentation.

Folder Structure

Here's a brief overview of the folder structure:

mern-ecommerce-website/
├── client/                  # React frontend
│   ├── public/              # Static files
│   ├── src/                 # React components and assets
│   └── package.json         # Client dependencies
└── server/                  # Node.js backend
    ├── config/              # Configuration files
    ├── controllers/         # Request handlers
    ├── models/              # Database models
    ├── routes/              # API routes
    └── package.json         # Server dependencies

Contributing

We welcome contributions! If you have suggestions or improvements, please fork the repository and create a pull request.

1. Fork the project.
2. Create your feature branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or feedback, feel free to reach out:

• Email: your-email@example.com
• GitHub: roniepascal

Thank you for checking out the MERN E-commerce Website!

Explore the releases for more details!