{"id":25631615,"url":"https://github.com/rohan26ir/gadget-heaven","last_synced_at":"2026-06-23T07:32:06.208Z","repository":{"id":270146780,"uuid":"909462391","full_name":"rohan26ir/Gadget-Heaven","owner":"rohan26ir","description":"GadgetHeaven is a React-based e-commerce site with smooth navigation, a wishlist, and cart system. It uses Context API and LocalStorage for state management. ","archived":false,"fork":false,"pushed_at":"2024-12-28T19:25:43.000Z","size":4540,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T20:32:37.953Z","etag":null,"topics":["first-react-project","json","react","surge-deployment","tailwindcss","website"],"latest_commit_sha":null,"homepage":"https://gadget-heaven-01.surge.sh/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rohan26ir.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-28T19:21:19.000Z","updated_at":"2025-02-04T22:28:33.000Z","dependencies_parsed_at":"2024-12-28T20:33:10.009Z","dependency_job_id":null,"html_url":"https://github.com/rohan26ir/Gadget-Heaven","commit_stats":null,"previous_names":["rohan26ir/gadget-heaven"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rohan26ir/Gadget-Heaven","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FGadget-Heaven","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FGadget-Heaven/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FGadget-Heaven/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FGadget-Heaven/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohan26ir","download_url":"https://codeload.github.com/rohan26ir/Gadget-Heaven/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FGadget-Heaven/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34680620,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-23T02:00:07.161Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["first-react-project","json","react","surge-deployment","tailwindcss","website"],"created_at":"2025-02-22T20:28:47.480Z","updated_at":"2026-06-23T07:32:06.182Z","avatar_url":"https://github.com/rohan26ir.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GadgetHeaven✨\nWelcome to **GadgetHeaven**, your top place to find the latest and coolest gadgets! GadgetHeaven is an easy-to-use e-commerce website designed to give you a smooth shopping experience with clear navigation, a handy cart and wishlist system, and a variety of gadgets to explore. This site is built with React, using the Context API and LocalStorage to manage and save data.\n\n\n## 🛠 Key React Concepts Used\nHere are the main React features used to build GadgetHeaven:\n- **Components**: Reusable parts of the site like the Home, Navbar, Footer, and Error.\n- **React Router**: Helps to link different pages like Home, Dashboard, Statistics, and the 404 page.\n- **State Management**: Used to manage the app's data, like tracking items in the cart or wishlist.\n- **useEffect Hook**: For loading data, updating when needed and change the website title.\n- **Conditional Rendering**: Changes the view based on actions, such as disabling the wishlist button after an item is added.\n\n---\n\n## 📦 Data Handling\n- **Context API**: Manages global data for things like the cart and wishlist, so these features work smoothly across the site.\n- **LocalStorage**: Saves your cart and wishlist items, so you don’t lose them if you refresh or revisit the site.\n\n---\n\n## 🌟 Main Features\n1. **Shopping Cart**: Add items to your cart, see the total price, and sort items by cost.\n2. **Wishlist**: Save items you like to a wishlist with one click. Items don’t duplicate in the wishlist.\n3. **Category Filtering**: Browse by gadget type (like computers, phones) using a sidebar for easy filtering.\n4. **Smooth Navigation**: Responsive layout, automatic handling of page reloads, and an error-free experience.\n5. **Notifications**: Real-time alerts when items are added to the cart or wishlist with unique messages.\n\n---\n\n## 📜 Page Details\n\n### Navbar\n- **Menu Options**: Logo, Brand Name, Dashboard, and Stats links\n- **Current Page Indicator**: Shows you which page you’re on.\n\n### Home Page\n- **Banner Section**: Attractive banner with a button linking to the Shop.\n- **Categories Sidebar**: Lists gadget categories (like computers and phones).\n- **Gadget Cards**: Shows gadgets in a grid with an image, name, price, and details button.\n\n### Device Details Page\n- **Gadget Information**: Shows product image, name, price, and other details.\n- **Cart and Wishlist**: Buttons to add the Gadget to your cart or wishlist.\n\n### Dashboard Page\n- **Tabs for Cart and Wishlist**: View items in the cart or wishlist by switching tabs.\n- **Total Price**: See the total cost of items in your cart.\n- **Sort by Price**: Sort cart items from most expensive to least.\n\n### Additional Features\n- **404 Page**: Custom page if you try to access a non-existent page.\n- **Dynamic Background**: Different background colors on the Home page compared to other pages.\n- **Purchase Confirmation**: A pop-up message for purchases with navigation back to the Home page.\n- **Page Titles**: Custom titles for each page.\n\n---\n\n## 🚀 Live Website\n[Visit GadgetHeaven](https://gadget-heaven-01.surge.sh/)\n\n## 📄 Requirement Document\n[Access Requirements Document](https://github.com/rohan26ir/Gadget-Heaven/tree/main/UI_Design)\n\n---\n\nEnjoy exploring and shopping on GadgetHeaven! 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohan26ir%2Fgadget-heaven","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohan26ir%2Fgadget-heaven","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohan26ir%2Fgadget-heaven/lists"}