aftabdotorg/e-bazaar

A fully responsive Ecommerce website with CRUD functionality.

Ebzaar - "Everything at one place"

Ebazaar is an e-commerce responsive website with an elegant and pleasing user interface and seamless user-friendly user experience.

live- https://e-bazaar-front.vercel.app/

api- https://e-bazaar-sage.vercel.app/

Features

Elegant UI:
User-friendly UI with beautiful corousel, animations, zoom and hover effects Ebazaar has visually appealing design.

Seamless UX :
Users can seamlessly navigate between different pages and redirected to login for access to specific authorized routes.

Sorting Products:
Products can be sorted by clicking radio buttons based on price and ratings.

Filtering Products:
Products can be filtered by clicking checkboxes for personalized results.

Cart:
Products can be added, modified, and removed.

Checkout:
Last step for users to checkout is to fill and select shipping address and payment mode.

Profile Page:
Profile page displays details of users including Name, Email and addresses.

Responsiveness:
All the pages are Universally responsive to all devices for.

Pages

• Open routes

  • Home
  • Products
  • Login
  • Sign up

• Authorised

  • Profile
  • Product Detail
  • Cart
  • Checkout
  • Order Placed

Teck Stack

• Frontend

  • React
  • Redux Toolkit
  • React Router Dom
  • Styled Components

• Backend

  • MongoDB
  • Express
  • Node
  • Mongoose

Project Setup

• Clone entire project repo.
• Setting up client :
  • cd app
  • npm install
  • npm run dev
• Setting up server :
  • cd server
  • npm install
  • npm run dev

Project Snapshots

Login

Sign up

Home

Products Page

Product Detail page

Authorized route

Cart page

Authorized route

Checkout page

Authorized route

Order placed page

Authorized route

Profile Page

Authorized route

Mobile view

Home Mobile view