E-Commerce App

Table of Contents

• Introduction
• Here's Why
• Demo
• Features
• Built With
• Installation
• Feedback
• Contributing
• Contact

Introduction

This is a full-stack MERN (MongoDB, Express, React, Node.js) e-commerce web application that allows users to browse and purchase products online. The app is built with a responsive design, making it easy to use on both desktop and mobile devices.

Here's Why

I built this e-commerce app as a way to showcase my skills in full-stack web development using the MERN stack. I wanted to create a project that would allow users to easily browse and purchase products online, while also demonstrating my ability to build complex web applications with features such as user authentication, shopping cart functionality, and payment processing.

Demo

Check out the live demo of the app here.

Features

• User authentication and authorization
  
• Product search and filtering
  
• Product sorting by price, popularity, and rating
  
• Product details page with reviews and ratings
  
• Shopping cart functionality
  
• Checkout and payment processing (Virtual for prototype - only)
  
• Order history and status tracking
  
• Admin dashboard for managing products, orders, and users

Built With

This project was built with the following technologies:

• MongoDB
• Node.js
• Express
• React
• redux
• React Bootstrap

Installation

1 - Clone the repository: git clone https://github.com/Yazan-Ali-01/Easy-Buy-Ecommerce

2 - Install dependencies in root directory: npm install

3 - install backend dependencies: cd into backend directory then run npm install

4 - install frontend dependencies: cd into frontend directory then run npm install

5 - Create a .env file in the backend directory and add the following environment variables: MONGO_URI: Your MongoDB connection string

PORT: 5000

JWT_SECRET: JSON Web Token secret key

NODE_ENV: development
6 - change the API_URL that being fetched with axios in frontend/src/config.js to http://localhost:5000 if you want to fetch products and data from your own local backend && DB
7 - Start the server in the root directory: npm run dev
8 - Open http://localhost:3000 in your browser

Feedback

If you have any feedback or suggestions, please feel free to open an issue or contact me.

Contributing

Contributions are welcome! If you would like to contribute to the project, please fork the repository (https://github.com/Yazan-Ali-01/Easy-Buy-Ecommerce/fork) and submit a pull request.

Contact

Email: [email protected]
LinkedIn: https://www.linkedin.com/in/yazan-ali/