Skip to content

furniture e-commerce application built using React. It allows visitors to discover a vast range of products, search for them, create accounts, add products to the wishlist or cart, make orders (currently relying on Cash on Delivery), and more.

License

Notifications You must be signed in to change notification settings

Moslihbadr/E-commerce

Repository files navigation

Furniture E-commerce React App

This is a furniture e-commerce application built using React. It allows visitors to discover a vast range of products, search for them, create accounts, add products to the wishlist or cart, make orders (currently relying on Cash on Delivery), and more.

Technologies Used

  • React
  • Axios
  • Bootstrap
  • EmailJS
  • React Router
  • Recharts
  • ScrollReveal
  • Styled-Components
  • SweetAlert2
  • JSON Server

Features

  • Browse and search for products
  • User authentication and account creation
  • Wishlist and shopping cart functionality
  • Cash on Delivery payment option (with plans to implement online payment gateway)
  • Admin dashboard with CRUD operations for products, users, and categories
  • Order management with the ability to change order status
  • Statistics chart for orders count per date

Getting Started

Prerequisites

  • Node.js and npm installed
  • JSON Server installed globally (npm install -g json-server)

Installation

  1. Clone the repository
git clone https://github.com/Moslihbadr/E-commerce.git
cd furniture-ecommerce-app
  1. Start the React app
npm install
  1. Start JSON Server (for mock API)
npx json-server --watch api/db.json --port 3000
  1. Start the React app
npm run dev

The app should be running at localhost:5173.

Configuration

Admin Dashboard

Access the admin dashboard by logging in with admin credentials. You can use the email "tt@tt" and the password "tttt". Update the admin credentials and permissions as needed.

UML Diagrams

Class Diagram

Class Diagram

Use Case Diagram

Use Case Diagram

Screenshots

Here are some screenshots from the Furniture E-commerce React App:

Home Page

Home Page

Product Details

Product Details

Admin Dashboard

Admin Dashboard

Checkout Page

Checkout Page

Contributing

Feel free to contribute to the development of this project. Fork the repository, create a branch, make your changes, and submit a pull request.

License

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

About

furniture e-commerce application built using React. It allows visitors to discover a vast range of products, search for them, create accounts, add products to the wishlist or cart, make orders (currently relying on Cash on Delivery), and more.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages