https://github.com/parmodkumar28/buybusy-ii
E-Commerce website version 2nd using Redux Toolkit Here
https://github.com/parmodkumar28/buybusy-ii
css3 e-commerce firebase firebase-auth html javascript react redux-toolkit redux-toolkit-thunk
Last synced: 2 months ago
JSON representation
E-Commerce website version 2nd using Redux Toolkit Here
- Host: GitHub
- URL: https://github.com/parmodkumar28/buybusy-ii
- Owner: ParmodKumar28
- Created: 2024-01-18T14:04:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-25T17:03:56.000Z (over 2 years ago)
- Last Synced: 2024-04-14T07:22:09.556Z (about 2 years ago)
- Topics: css3, e-commerce, firebase, firebase-auth, html, javascript, react, redux-toolkit, redux-toolkit-thunk
- Language: JavaScript
- Homepage: https://buybusy2.netlify.app/
- Size: 48.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Busy Buy 🛒
Busy Buy is an e-commerce web application built with React and Redux toolkit. It allows users to sign up, sign in, browse products, live filter products, add them to the cart, and make purchases.
## Features 🚀
- User authentication (Sign Up, Sign In, Logout)
- Product browsing and filtering
- Shopping cart functionality
- Add to order or purchase
- Order history tracking
## Technologies Used 💻
- **React**: Building user interfaces with JavaScript.
- **Redux Toolkit**: Managing app state efficiently.
- **Firebase**: Cloud platform for web app development.
- **HTML, CSS, JavaScript**: Standard web technologies.
## Project Structure 🏗️
The project is organized into several components, pages, and database and Redux files
- src
- Components
- Database
- Pages
- Redux
- Reducers
- Store.js
### 🍿 Video
https://github.com/ParmodKumar28/BuyBusy-II/assets/91540271/324cd0fd-3164-493a-b24f-61b43c0c193b
## 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-II
2. Navigate to the project directory:
- cd BuyBusy-II
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