https://github.com/mdafsarhossain/gadget-heaven-react
Gadget Heaven React Website
https://github.com/mdafsarhossain/gadget-heaven-react
api daisyui javascript react react-router tailwindcss
Last synced: about 2 months ago
JSON representation
Gadget Heaven React Website
- Host: GitHub
- URL: https://github.com/mdafsarhossain/gadget-heaven-react
- Owner: MdAfsarHossain
- Created: 2024-11-12T08:22:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-12T08:36:48.000Z (over 1 year ago)
- Last Synced: 2025-02-05T04:53:53.382Z (over 1 year ago)
- Topics: api, daisyui, javascript, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://mdafsarhossain-gadget-heaven.surge.sh/
- Size: 1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Gadget Heaven](https://mdafsarhossain-gadget-heaven.surge.sh/)
### Gadget Heaven is an e-commerce platform dedicated to selling the latest gadgets. It features a structured navigation bar, category-based sidebar, and individual product pages with detailed specifications. Users can add items to a shopping cart or wishlist, view a summary dashboard, and sort items by price. Using the Context API the platform supports data persistence for cart and wishlist functionalities. The responsive design ensures a smooth user experience across devices, and unique elements, such as a modal-based purchase confirmation and price vs. product stats chart, enhance engagement.
# [Live Link](https://mdafsarhossain-gadget-heaven.surge.sh/)
# [Requirement Link](https://github.com/MdAfsarHossain/Gadget-Heaven-React/blob/main/Gadget_Heaven_Requirements_File.pdf)
# React Fundamental Concepts Used
- `Context API` - For managing the cart and wishlist data across the app.
- `useState Hook` - For state management in functional components.
- `useEffect Hook` - For data fetching and performing actions on component mount.
- `useLocation Hook` - For detecting the current route and customizing styles.
- `useNavigate Hook` - For navigating programmatically.
React Router - For managing different routes and page navigation.
## What I have used for handling and managing data (Context API / Local Storage)?
- I have used the Context API for handling and managing data.
# Features of Gadget Heaven
- `Shopping Cart & Wishlist Management` - Add, view, and manage items with data persistence.
- `Category-Based Product` Display - Sidebar with gadget categories for easy navigation.
- `Detailed Product` Pages - Comprehensive details, specifications, and ratings per gadget.
- `Sort by Price` - Sort cart items in descending order of price for convenience.
- `Modal-Based Purchase Confirmation` - Congratulates users upon successful purchase and clears the cart.
- `Stats Dashboard with Chart` - Price vs. product name chart for insights into gadget prices.
- `404 Page & Toast Notifications` - User-friendly 404 error handling and activity confirmations through toast messages.