https://github.com/satyam-software-developer/buybusy-ii-react
buybusy-ii created with reactjs for frontend web developement.
https://github.com/satyam-software-developer/buybusy-ii-react
css git github javascript react-router-dom react-toastify reactjs redux-toolkit
Last synced: 3 months ago
JSON representation
buybusy-ii created with reactjs for frontend web developement.
- Host: GitHub
- URL: https://github.com/satyam-software-developer/buybusy-ii-react
- Owner: satyam-software-developer
- License: mit
- Created: 2024-12-17T22:42:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-11T11:44:19.000Z (7 months ago)
- Last Synced: 2025-12-12T12:56:04.275Z (7 months ago)
- Topics: css, git, github, javascript, react-router-dom, react-toastify, reactjs, redux-toolkit
- Language: JavaScript
- Homepage: https://buybusy-ii-react.vercel.app/
- Size: 2.18 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Problem statement
- https://classroom.codingninjas.com/app/classroom/me/25434/content/694587/offering/11358938
# BuyBusy - Redux
This is a Coding Ninjas project of the BuyBusy e-commerce website, made using ReactJS, Redux toolkit, and react-router-dom. Users can create their account, add and remove products from their cart, and place orders. This project saves data inside the Firebase Database.
# Installation and Run
You can follow the following steps to run the code on your system.
- Get the code on your system.
- Open a terminal and navigate to the root directory of the code.
- Run the "npm install" Command inside the terminal to install all the dependencies.
- After complete installation, run the command "npm start" inside the terminal to run the code.
- To see the output, open your web browser and search for http://localhost:3000/
# Features
- Create your account to log in.
- Add/remove products to your cart.
- Increase / Decrease product quantity.
- Place an order and get a bill for the products you purchased.
- Your cart and order data will be saved inside the database.
# Tool used:
- ReactJS.
- Redux-toolkit.
- react-router-dom.
- react-toastify.
- JavaScript.
- CSS.
# BuyBusy – Redux E-Commerce Web App
BuyBusy is an e-commerce web application built as part of a Coding Ninjas project. It allows users to create accounts, browse products, add/remove items from their cart, manage quantities, and place orders. All cart and order data is securely stored in Firebase Realtime Database.
The project is developed using React.js, Redux Toolkit, and react-router-dom.
# 🚀 Live Features
## ✅ User Authentication
- Create an account and log in securely.
- Authentication handled through Firebase.
## 🛒 Cart Management
- Add or remove products from your cart.
- Increase or decrease product quantities.
- Real-time cart updates using Redux Toolkit state management.
## 🧾 Place Orders
- Confirm your order and receive a bill summary.
- Order details saved permanently in the Firebase database.
## 💾 Persistent Storage
- Cart data and order history remain saved in Firebase — even after refresh.
# 📦 Tech Stack / Tools Used
- React.js
- Redux Toolkit
- react-router-dom
- react-toastify
- JavaScript (ES6+)
- CSS
- Firebase Realtime Database
# 🛠️ Installation & Setup
Follow the steps below to run this project locally:
1. Download the project or clone the repository:
- git clone
2. Open the terminal and navigate to the project folder:
- cd buybusy-redux
3. Install project dependencies:
- npm install
4. Start the development server:
- npm start
5. Open your browser and visit:
- http://localhost:3000/
# 🙌 Author
Developed by Satyam Kumar
Full Stack Software Engineer