ParmodKumar28 / BuyBusy-I

Coding Ninjas assignment for a simple shopping app using react.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Busy Buy

Busy Buy is an e-commerce web application built with React. It allows users to sign up, sign in, browse products, add them to the cart, and make purchases.

Features

  • User authentication (Sign Up, Sign In, Logout)
  • Product browsing and filtering
  • Shopping cart functionality
  • Order history tracking feature

Project Structure

The project is organized into several components, pages, and context files.

src

  • Components
  • Context
  • Database
  • Pages

Getting Started

Firestore Database Structure

collections:

  • users: Store users information.
  • cart: Store cart items of all users.
  • orders: store orders of all users.

Getting Started

To get a local copy of the project and run it on your machine, follow these steps:

Prerequisites

  • Node.js and npm/yarn installed on your machine
  • Firebase project and credentials (Firestore setup)

Installation

  1. Clone the repository:
  1. Navigate to the project directory:
  • cd BuyBusy-I
  1. Install dependencies:
  • npm install
  1. Set up Firebase:
  • Create a Firebase project and set up Firestore.
  • Obtain Firebase configuration credentials.
  • Add Firebase config in firebaseConfig.js or similar, if not already present.

Usage

  1. Start the development server:
  • npm start
  1. Open the app in your browser:

About

Coding Ninjas assignment for a simple shopping app using react.


Languages

Language:JavaScript 69.3%Language:CSS 27.5%Language:HTML 3.3%