An open API service indexing awesome lists of open source software.

https://github.com/parmodkumar28/buybusy-i

Coding Ninjas assignment for a simple shopping app using react.
https://github.com/parmodkumar28/buybusy-i

cloud-server context-api css3 firebase firebase-auth frontend html5 javascript react

Last synced: 2 months ago
JSON representation

Coding Ninjas assignment for a simple shopping app using react.

Awesome Lists containing this project

README

          

# 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:
- git clone https://github.com/ParmodKumar28/BuyBusy-I

2. Navigate to the project directory:
- cd BuyBusy-I

3. Install dependencies:
- npm install

4. 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

2. Open the app in your browser:
- http://localhost:3000