Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sajjad177/e-shop-client

It a E-Shop website for job-task.
https://github.com/sajjad177/e-shop-client

Last synced: 6 days ago
JSON representation

It a E-Shop website for job-task.

Awesome Lists containing this project

README

        

E-Store Frontend Application



react version
firebase version
vite version


This is the frontend web application for the E-Shop. Browse and choose your products with ease.

---

## ✨ Features

- Browse products with pagination, search, sorting, and filtering options.
- Firebase integration for sign-up and sign-in.
- Toast notifications for real-time user actions.
- Fully responsive UI compatible with desktops, tablets, and mobile devices.

---

## 🛠️ How to Clone and Run the Project Locally

1. **Clone the repository:**
- Clone both the **client** and **server** sides. Open your terminal and type:
```bash
git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
```

2. **Open files in VS Code:**
- After opening the **client-side** and **server-side** files in VS Code, install the npm dependencies:
```bash
npm install
```

3. **Firebase setup:**
- Configure Firebase environment variables by creating a `.env.local` file in the root directory. Add the following variables:
```plaintext
VITE_APIKEY=your_firebase_apikey
VITE_AUTHDOMAIN=your_firebase_authdomain
VITE_PROJECTID=your_firebase_projectid
VITE_STORAGEBUCKET=your_firebase_storagebucket
VITE_MESSAGINGSENDERID=your_firebase_messagingsenderid
VITE_APPID=your_firebase_appid
```
Replace `VITE_API_URL` with your server URL, e.g., `VITE_API_URL='http://localhost:3000'`.

4. **Run locally:**
- Open your VS Code terminal, navigate to the client directory, and run:
```bash
npm run dev
```
- This will start the client-side application locally.

---