Skip to content

Latest commit

 

History

History
86 lines (66 loc) · 1.95 KB

README.md

File metadata and controls

86 lines (66 loc) · 1.95 KB

Fakebazaar

A Fake Marketplace built by combining various concepts of Frontend Development as well as Backend as Firebase.

Site is live at Fakebazaar

Motivation

This is a project to learn and combine concepts like React Context API, React Router, Firebase, etc. Also to make use of Firebase Authentication, and subsequent conditional rendering and protected routes. It uses Google OAuth for authentication, which also requires setup of Authorized Domains in Firebase for hosting.

Features

  1. Home: To highlight products with highest discounts, ratings.
  2. Categories: To view products based on category.
  3. Search: To search for products based on name.
  4. Cart: To view products in cart and checkout.
  5. Orders: To view past orders.

Dataset

You can find the dataset & script to populate it in populate_firebase/ directory.

To populate the dataset, follow the instructions in populate_firebase/README.md.

Credits: BigBasket Products Dataset

Instructions

Use the following steps to run the project locally:

  1. Clone this repo
  2. Run npm i to install all dependencies
  3. Run npm start to start the server

Technologies and Frameworks used:

  1. React JS
    • Context API
    • Hooks
      • useState
      • useEffect
      • useContext
  2. React Router v6
    • HashRouter
    • Outlet
    • Navigate
    • Hooks
      • useNavigate
      • useParams
      • useLocation
  3. Firebase
    • Authentication
    • Database
  4. Bootstrap
  5. React-feather