{"id":23257253,"url":"https://github.com/satyam-software-developer/buybusy-i-react","last_synced_at":"2026-04-10T06:56:25.556Z","repository":{"id":268624295,"uuid":"904968533","full_name":"satyam-software-developer/buybusy-i-react","owner":"satyam-software-developer","description":"buybusy-i created with reactjs for frontend web developemnt.","archived":false,"fork":false,"pushed_at":"2025-01-29T09:49:14.000Z","size":2288,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T10:53:35.108Z","etag":null,"topics":["context-api","css","firbase-database","git","github","react-router-dom","react-spinner","react-tostify","reactjs"],"latest_commit_sha":null,"homepage":"https://buybusy-i-react.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/satyam-software-developer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-17T22:36:32.000Z","updated_at":"2025-01-29T09:49:18.000Z","dependencies_parsed_at":"2025-02-13T08:47:37.427Z","dependency_job_id":null,"html_url":"https://github.com/satyam-software-developer/buybusy-i-react","commit_stats":null,"previous_names":["satyam-software-developer/buybusy-i-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyam-software-developer%2Fbuybusy-i-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyam-software-developer%2Fbuybusy-i-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyam-software-developer%2Fbuybusy-i-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyam-software-developer%2Fbuybusy-i-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/satyam-software-developer","download_url":"https://codeload.github.com/satyam-software-developer/buybusy-i-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247436139,"owners_count":20938532,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context-api","css","firbase-database","git","github","react-router-dom","react-spinner","react-tostify","reactjs"],"created_at":"2024-12-19T12:27:35.045Z","updated_at":"2025-12-30T21:48:58.173Z","avatar_url":"https://github.com/satyam-software-developer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Problem statement \n  - https://classroom.codingninjas.com/app/classroom/me/25434/content/694582/offering/11358835?leftPanelTabValue=PROBLEM\n# 📦 BuyBusy-I — E-Commerce Web App\n\nBuyBusy is an online shopping (eCommerce) web application built using React.js, Firebase, and Context API.\nUsers can create accounts, log in, add/remove items from their cart, modify item quantities, and place orders.\nAll user data—including cart and order history—persists in Firebase, allowing users to revisit their purchase history anytime.\n\n# 🚀 Installation \u0026 Running the Project\n\n1.  Download or clone the repository.\n\n2.  Open the project folder in your terminal.\n\n3.  Install required dependencies:\n\n    npm install\n\n4.  Start the development server:\n\n    npm start\n\n5.  Open the application in your browser:\n    👉 http://localhost:3000/\n\n# ✨ Features\n\n- Create a new user account (Sign Up)\n\n- Log in to an existing account (Sign In)\n\n- Add products to the cart\n\n- Remove individual products or clear the entire cart\n\n- Increase or decrease product quantity\n\n- Purchase all products in the cart at once\n\n- View complete order history with:\n\n  - Order date \u0026 time\n\n  - List of purchased items\n\n  - Total amount\n\n- All data is permanently stored in Firebase\n\n# 🛠️ Tools \u0026 Libraries Used\n\n- React.js\n\n- Firebase (Auth + Firestore Database)\n\n- Context API\n\n- react-router-dom\n\n- react-toastify (notifications)\n\n- react-spinners (loading indicators)\n\n- CSS\n\n# ⭐ BuyBusy-I — E-Commerce Web App (React + Firebase)\n\nBuyBusy-I is a full-stack E-Commerce Web Application built using React.js and Firebase. It allows users to browse products, manage shopping carts, place orders, and securely authenticate using Firebase Authentication.\nThe project demonstrates CRUD operations using Firestore along with proper state management, routing, reusable components, and clean code practices.\n\n# 🚀 Objective\n\nBuild a fully functional e-commerce web application for customers to:\n\n- Browse products\n\n- Search \u0026 filter items\n\n- Add/remove items in the cart\n\n- Increase/decrease cart quantities\n\n- Place orders\n\n- Register \u0026 login securely\n\n# 🎯 Goal\n\nDevelop a modern E-Commerce platform that supports user authentication, product exploration, cart management, and order handling with Firebase acting as the backend.\n\n# ✅ Features / Acceptance Criteria\n\n✔ 1. Firebase CRUD Integration\n\nThe React app uses Firestore for:\n\n- Storing all products\n\n- Adding/removing items from user carts\n\n- Updating product quantity\n\n- Storing user orders\n\n✔ 2. User Authentication\n\nUsing Firebase Authentication, users can:\n\n- Register a new account\n\n- Login with email/password\n\n- Persist session\n\n✔ 3. Routing\n\nAll pages handled using react-router-dom, including:\n\n- /register\n\n- /login\n\n- /\n\n- /cart\n\n- /orders\n\n✔ 4. Global State with useContext\n\nThe app uses:\n\n- AuthContext → stores user login/logout state\n\n- ProductContext → manages products, filters, and cart\n\n✔ 5. React Hooks\n\nUsed everywhere:\n\n- useState\n\n- useEffect\n\n- useContext\n\n- useReducer\n\n- Custom hooks (if created)\n\n✔ 6. Clean Code \u0026 Documentation\n\nEvery component is well-structured, readable, modular, and commented.\n\n✔ 7. 100% Original Project Code\n\nNo external copying.\nEverything is written fresh for this project.\n\n# 🎁 Bonus Features Included (Optional Enhancements)\n\n## ⭐ Sidebar Filters\n\nFilter products by:\n\n- Category\n\n- Price range\n\nSearch + Filters work together.\n\n## ⭐ Loaders with react-spinners\n\nShows loading indicators during:\n\n- Fetching products\n\n- Fetching cart\n\n- Updating orders\n\n## ⭐ Toast Notifications (react-toastify)\n\nUsed for:\n\n- Adding to cart\n\n- Removing from cart\n\n- Login/register success\n\n- Error states\n\n- Order placed\n\n# 📁 Firebase API Structure\n\n/products\n/usersCarts/\u003cuser_uid\u003e/myCart\n/userOrders/\u003cuser_uid\u003e/orders\n\n# 🛠️ Tech Stack\n\nFrontend\n\n- React.js\n\n- React Router\n\n- useContext / useReducer / hooks\n\n- CSS modules / Tailwind / own CSS (based on project)\n\nBackend\n\n- Firebase Firestore (CRUD database)\n\n- Firebase Authentication\n\n- Libraries\n\n- react-toastify\n\n- react-spinners\n\n- Firebase SDK v9+\n\n# 📦 Folder Structure\n\nBuyBusy-I/\n│── src/\n│ ├── components/\n│ │ └── ProductCard.jsx\n│ │ └── Navbar.jsx\n│ │ └── Sidebar.jsx\n│ ├── pages/\n│ │ └── Home.jsx\n│ │ └── Cart.jsx\n│ │ └── Orders.jsx\n│ │ └── Login.jsx\n│ │ └── Register.jsx\n│ ├── context/\n│ │ └── AuthContext.js\n│ │ └── ProductContext.js\n│ ├── firebase/\n│ │ └── firebaseConfig.js\n│ ├── App.js\n│ ├── index.js\n│── public/\n│── README.md\n│── package.json\n\n# 🧩 Core Functionalities\n\n## 🏠 Home Page\n\n- Displays all products\n\n- Search bar (live filtering)\n\n- Sidebar filter\n\n- Add to cart button\n\n## 🛒 Cart Page\n\n- Shows all items added\n\n- Increase/decrease quantity\n\n- Remove product\n\n- Place order\n\n## 🧾 Orders Page\n\n- Lists all previous orders\n\n- Shows order date\n\n## 🔑 Authentication\n\n- Register user\n\n- Login user\n\n- Persist session using Firebase\n\n# 🔥 Important Logic Notes\n\n✔ Search + Filter Combination\n\nA custom function handles:\n\nsearch term → filter by name\nprice range → filter by min/max\ncategories → filter by category\n\nAll applied at the same time.\n\n# 🧪 Testing Expectations\n\nMake sure the following works flawlessly:\n\n- Login \u0026 Logout\n\n- Register new user\n\n- Add to cart\n\n- Remove from cart\n\n- Increase/decrease quantity\n\n- Filter + search together\n\n- Orders page shows correct data\n\n- Toasts for success/error\n\n- Loader during async operations\n\n# 📜 License\n\nThis project is created solely for educational \u0026 professional development purposes.\n\n# 🤝 Contributing\n\nFeel free to submit issues or pull requests.\n\n# ❤️ Acknowledgments\n\n- Firebase Documentation\n\n- React Documentation\n\n- react-toastify\n\n- react-spinners\n\n# Author\n\nSatyam Kumar\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyam-software-developer%2Fbuybusy-i-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsatyam-software-developer%2Fbuybusy-i-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyam-software-developer%2Fbuybusy-i-react/lists"}