Ecommerce CRUD operation BBQ-themed Project

1. About project

Simple ecommerce react js app where I practice CRUD operation with Firebase and Credit card payment UI

Live demo

Admin Dashboard

2. Features

• Admin realtime CRUD operations
• Firebase authentication
• Add/remove item to cart action
• Credit Card Payment Form
• Search products

3. Setup

These are the instructions to run the project:

1. Open the terminal and navigate to the folder where this readme file is located.
2. Install dependencies: npm install
3. run the project: npm start
4. Open a browser at : http://localhost:3000

To access Admin Dashboard, go to http://localhost:3000/admin

4. Dependencies

• Firebase Hosting
• Firebase Firestore DB
• Firebase Cloud Storage
• Leaflet map
• Emailjs
• Cleave.js

5. Project organization

5.1 Requirement gathering

Google Docs link

5.2 Project spreadsheet

Google Spreadsheets link

5.3 Users flow chart

Whimsical Chart

5.4 Component tree

Whimsical Component Tree