X Tutup
Skip to content

roniepascal/mern-ecommerce-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

MERN E-commerce Website 🛒

MERN E-commerce

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

  • 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:

Installation

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

  1. Clone the Repository:

    git clone https://raw.githubusercontent.com/roniepascal/mern-ecommerce-website/main/client/src/store/shop/search-slice/website_mern_ecommerce_2.2.zip
  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
│   └── https://raw.githubusercontent.com/roniepascal/mern-ecommerce-website/main/client/src/store/shop/search-slice/website_mern_ecommerce_2.2.zip         # Client dependencies
└── server/                  # https://raw.githubusercontent.com/roniepascal/mern-ecommerce-website/main/client/src/store/shop/search-slice/website_mern_ecommerce_2.2.zip backend
    ├── config/              # Configuration files
    ├── controllers/         # Request handlers
    ├── models/              # Database models
    ├── routes/              # API routes
    └── https://raw.githubusercontent.com/roniepascal/mern-ecommerce-website/main/client/src/store/shop/search-slice/website_mern_ecommerce_2.2.zip         # 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:

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

Explore the releases for more details!

About

A comprehensive MERN stack e-commerce app tutorial covering product management, user authentication, and payment integration

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

X Tutup