https://github.com/siam114/gadget-heaven-project
Gadget Heaven: Your one-stop shop for the latest tech! Discover a world of cutting-edge gadgets, from smart devices to unique accessories, designed to elevate your lifestyle. Shop now for quality, innovation, and exclusive deals
https://github.com/siam114/gadget-heaven-project
daisyui firebase node react surge tailwindcss
Last synced: 3 months ago
JSON representation
Gadget Heaven: Your one-stop shop for the latest tech! Discover a world of cutting-edge gadgets, from smart devices to unique accessories, designed to elevate your lifestyle. Shop now for quality, innovation, and exclusive deals
- Host: GitHub
- URL: https://github.com/siam114/gadget-heaven-project
- Owner: siam114
- Created: 2025-02-02T10:09:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-04T20:04:29.000Z (over 1 year ago)
- Last Synced: 2025-04-05T13:42:44.942Z (over 1 year ago)
- Topics: daisyui, firebase, node, react, surge, tailwindcss
- Language: JavaScript
- Homepage: https://siamassignmentmaterial-soda.surge.sh/
- Size: 641 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Gadget Heaven
## Live link : https://siamassignmentmaterial-soda.surge.sh/
## Description
Gadget Heaven: Your one-stop shop for the latest tech! Discover a world of cutting-edge gadgets, from smart devices to unique accessories, designed to elevate your lifestyle. Shop now for quality, innovation, and exclusive deals
## List of React Fundamental concepts:
1.**JSX (JavaScript XML)** : Using HTML-like syntax within JavaScript to define the structure of UI components.
2.**Components** : Reusable building blocks for UI, structured as functional or class components.
3.**Props** : Passing data from parent to child components
4.**State Management** : Managing local component states to track and respond to user inputs and data changes.
5.**Hooks** : Leveraging React hooks like useState, useEffect, useContext, and custom hooks for managing state, side effects, and context.
6.**Context API** : Creating global state accessible across components without prop drilling.
7.**Conditional Rendering** : Displaying elements conditionally based on the component’s state or props.
## Features
1.**Product Catalog with Detailed View**
2.**Add to Cart and Wishlist Functionality**
3.**Context-Based State Management**
4.**Toast Notifications for User Actions**
5.**Responsive Design and Interactive UI**
## (context API/local storage):
1.**Context API** : Used for global state management to store and share data across components without needing to pass props manually. For example, the ProductContext provides setCart and setWishList functions, making it easier to manage cart and wishlist data across multiple components in your project.
2.**Local Storage** : Functions like addToStoreCartList and addToStoreWishList indicate that local storage is being used to persist cart and wishlist items.This enables data persistence, allowing users to retain their cart and wishlist data even after refreshing the page or reopening the site.
---
## How to Run Locally
1. **Clone the repository**:
```bash
git clone https://github.com/your-repo/Gadget-Heaven.git
cd Gadget-Heaven
2. **Install dependencies:**:
```bash
npm install
3. **Start the development server:**:
```bash
npm run dev
2. **To build for production::**:
```bash
npm run build
---