omar214 / AmazonX

A full mimic for amazon store with most of its functionalities

AmazonX

📝 Table of Contents

• About

• features

• Technologies used

• getting started

• Demo

• screenshots

🚩About

AmazonX is a fully-functional Website that clones amazon website It is a simple, yet powerful, application that allows you buy anything from our online store

it`s a full mimic of Amazon with most of its features.

✨ Features

User Features

• Authenticate users using json web tokens
• show products && filter products based on (rating , price , newest , categories )
• Search for Products
• Add Review & rating for products
• add products to cart
• edit your cart && checkout
• add your address for order delivery
• payment method using paypal & stripe
• show order history for each user
• edit user profile

Admin Features

• Admin Dashboard that shows statistics for store
• show all orders
• edit && delete && deleviry order
• show all products
• add && edit && delete products
• show all users
• edit & delete & users
• make other users as admin

💻Technologies Used

Frontend

• React
• React-Router dom
• Redux Toolkit
• Axios
• react-google-charts
• react-paypal
• react-stripe
• react-bootstrap
• react-toastify

backend

• Node.js

• Express

• MongoDB

• dotenv

• jsonwebtoken for authentication

• bcrypt for hashing passwords

• multer for uploading files

🏁Getting Started

1. Clone the repository

git clone https://github.com/omar214/AmazonX.git

2. Go to the directory of the repository

cd Amazon-store

3. to run frontend

cd Client

npm install
npm start

Client runs at port 3000

4.to run backend

cd Server

npm install
npm start

server runs at port 8080

🎥 Demo

Home page & Sign in & Edit User

01.Sign.in.Home.edit.profile.mp4

Product Page & Cart & Checkout Steps

Product.cart.checkout.mp4

Search Page

Search.mp4

Paypal payment & Deliver Logic

paypal.Deliver.mp4

Stripe Payment

Stripe.payment.mp4

Admin Dashboard & Admin orders details

Dashboard.orders.mp4

Admin ( Edit & Add & Delete) Products

Products.mp4

Admin ( Edit & Delete) Users

Edit.Users.mp4

🎥 screenshots

• Sign up

  ---

• Log in

  ---

• Home page

  ---

• Product Page

  ---

• Reviews

  ---

• Cart

  ---

• Check out Steps

  ---

• order page

  ---

• paypal Payment

  ---

• Stripe Payment

  ---

• Search Page

  ---

• Admin Dashboard

  ---

• Admin All Orders Details

  ---

• Admin All Product Details

  ---

• Add Product

  ---

• Edit Product

  ---

• Admin All Users details

  ---

• Edit User

  ---

• Mobile Responsive Design

  • Home Page

    

  ---

  • Product Page

    

  ---

  • Reviews

    

  ---

  • Cart

    

  ---

  • Check out

  

  ---

  

  ---

  

  ---

  • DashBoard

    

    ---

    

  ---

  • Add Product