An open API service indexing awesome lists of open source software.

https://github.com/mohaiminul375/gadget_hub_client

A full-stack functional based Gadget Product website(client_side)
https://github.com/mohaiminul375/gadget_hub_client

firebase-auth react reacticons reactjs reactrouterdom tailwind-css vite

Last synced: 4 months ago
JSON representation

A full-stack functional based Gadget Product website(client_side)

Awesome Lists containing this project

README

        

# Gadget-Hub
- A full-stack functional based Gadget Product website

# Live_site: https://gadget-hub-375.web.app

# Run the Project Locally

1. **Clone the Repository**:

```sh
git clone https://github.com/mohaiminul375/gadget_hub_client
cd gadget_hub_client
```

2. **Install Dependencies**:

```sh
npm install
```

3. **Set Up Environment Variables**: Create a `.env.local` file in the root directory and add the necessary environment variables. (**Important!**)

4. **Run the Application**:

```sh
npm run dev -- --host
```

5. **Access the Site**: Open your browser and go to `http://localhost:5173/` or `http://192.168.1.12:5173/` from other devices on the same network to view the application.

# website features
- This is functional base full-stack gadget product website where have 40 dummy product and use pagination each page contain 10 data.
- Register users can search their product by product name
- Also can sort by date and price

# Technology
- HTML, CSS, React (front-end)
- Express.js, MongoDB(back-end)
- Firebase(Authentication)
- Firebase,Vercel(host)
# npm and Packages
- vite
- react
- react router dom
- tailwind css
- daisyUI
- Meraki UI
- react spinner
- react icons
- firebase
- react hot toast
# server Link
# https://github.com/mohaiminul375/gadget_hub_server