https://github.com/mahimdev/gadget-heaven
Gadget Heaven is a modern and dynamic web application built using React, designed to provide an interactive shopping experience. The project incorporates essential React fundamentals, component-based architecture, and routing. Additionally, Context API is utilized to efficiently manage
https://github.com/mahimdev/gadget-heaven
firebase javascript react tailwindcss
Last synced: 3 months ago
JSON representation
Gadget Heaven is a modern and dynamic web application built using React, designed to provide an interactive shopping experience. The project incorporates essential React fundamentals, component-based architecture, and routing. Additionally, Context API is utilized to efficiently manage
- Host: GitHub
- URL: https://github.com/mahimdev/gadget-heaven
- Owner: mahimDev
- Created: 2025-01-09T14:57:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T10:10:23.000Z (over 1 year ago)
- Last Synced: 2025-02-17T23:41:40.478Z (over 1 year ago)
- Topics: firebase, javascript, react, tailwindcss
- Language: JavaScript
- Homepage: https://resplendent-cactus-426753.netlify.app/
- Size: 90.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Gadget Heaven](https://resplendent-cactus-426753.netlify.app/)
## Overview
Gadget Heaven Online Shop is an e-commerce platform that allows users to browse, search, and purchase the latest gadgets, including smartphones, laptops, smartwatches, and accessories. The website provides a seamless shopping experience with secure payments, user reviews, and a responsive
## Screenshot
## Technologies Used
- **Frontend**: React, React Router DOM, Tailwind CSS
- **Backend**: Firebase (if used for authentication/database)
- **Utilities & Plugins**:
- SweetAlert2 for alerts
- React Helmet for managing metadata
- React Rating Stars Component for rating UI
- React Spinners for loading indicators
## Features
1.The navbar will be purple if it is on the home page and white if it is on other paths.
2.Clicking the details button will show the details of the product dynamically.
3.Go to product details and click on add to card, the product will be added and added to the navbar.
4.Any action will show the modal.
5.If you go to the dashboard and click sort btn, the products will be displayed in descending order.
## Dependencies
### **Main Dependencies**
- `firebase` - Authentication & database
- `localforage` - Client-side storage
- `match-sorter` - Sorting & filtering
- `react` - UI library
- `react-dom` - DOM bindings for React
- `react-helmet` - Managing document head
- `react-rating-stars-component` - Star rating UI
- `react-router-dom` - Navigation
- `react-spinners` - Loading indicators
- `sort-by` - Sorting utility
- `sweetalert2` - Custom alert popups
### **Development Dependencies**
- `@vitejs/plugin-react` - React plugin for Vite
- `autoprefixer` - PostCSS plugin for CSS compatibility
- `eslint` & `eslint plugins` - Linting and code formatting
- `postcss` - CSS processing
- `tailwindcss` - Utility-first CSS framework
- `vite` - Development server & build tool
## Installation & Running Locally
1. Clone the repository:
```bash
git clone https://github.com/mahimDev/gadget-heaven.git
```
2. Navigate to the project directory:
```bash
cd gadget-heaven
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
## Live Demo
- [Live Project](https://resplendent-cactus-426753.netlify.app/)