https://github.com/ashraful2871/chill-gamer-client
A platform for reviewing and rating video games, allowing users to share their experiences, read reviews, and discover new games based on ratings.
https://github.com/ashraful2871/chill-gamer-client
axios eslint firebase javascript react react-awesome-reveal react-awesome-slider react-hot-toast react-icons react-rating react-router-dom react-typewriter sweetalert2 swiper tailwindcss vite
Last synced: 3 months ago
JSON representation
A platform for reviewing and rating video games, allowing users to share their experiences, read reviews, and discover new games based on ratings.
- Host: GitHub
- URL: https://github.com/ashraful2871/chill-gamer-client
- Owner: ashraful2871
- Created: 2024-12-21T08:55:21.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-12T08:55:11.000Z (3 months ago)
- Last Synced: 2025-02-12T09:49:46.741Z (3 months ago)
- Topics: axios, eslint, firebase, javascript, react, react-awesome-reveal, react-awesome-slider, react-hot-toast, react-icons, react-rating, react-router-dom, react-typewriter, sweetalert2, swiper, tailwindcss, vite
- Language: JavaScript
- Homepage: https://assignment-10-21f7d.web.app
- Size: 40.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# đŽ Chill Gamer
A platform for reviewing and rating video games, allowing users to **share their experiences**, **read reviews**, and **discover new games** based on ratings.
đ **Live Site:** [Chill Gamer](https://assignment-10-21f7d.web.app)
---
## đ¸ Screenshots
### đ Dark Mode
#### đ Home Page
#### đšī¸ All Review
#### đ Add Review
#### đ My Review
#### đ Game WatchLit
### âī¸ Light Mode
#### đ Home Page
#### đšī¸ All Review
#### đ Add Review
#### đ My Review
#### đ Game WatchLit
---
## đ Features
â
**Add Game Reviews** - Users can submit game reviews, and they appear in real-time on the UI.
â
**Manage My Reviews & Watchlist** - Users can see and manage only their own reviews and watchlist.
â
**Sort & Filter Reviews** - Users can sort reviews by **rating (high to low)** or **year (old to new)**.
â
**Game Details & Watchlist** - Clicking "Explore Details" shows full game info, and users can add games to their **personal Watchlist**.
â
**Dark Mode & Light Mode** - Users can switch between themes for a better experience.
---
## đ Installation
1. Clone the repository:
```sh
git clone https://github.com/ashraful2871/Chill-Gamer-Client.git
cd Chill-Gamer-Client
```
## đ Environment Variables
Create a `.env.local` file in the root folder and add your firebase secret key for authentication:
```sh
VITE_apiKey=ENTER_YOUR_API_KEY_HERE
VITE_authDomain=ENTER_YOUR_AUTH_DOMAIN_HERE
VITE_projectId=ENTER_YOUR_PROJECT_ID_HERE
VITE_storageBucket=ENTER_YOUR_STORAGE_BUCKET_HERE
VITE_messagingSenderId=ENTER_YOUR_MESSAGING_SENDER_ID_HERE
VITE_appId=ENTER_YOUR_APP_ID_HERE
```
---
## đģ Run Locally
1. Install dependencies:
```sh
npm install
```
2. Run the project locally:
```sh
npm run dev
```
3. Open the local server link in your browser.
---
## đĻ Dependencies
### Main Dependencies
- `react`
- `react-router-dom`
- `firebase`
- `axios`
- `react-awesome-reveal`
- `react-awesome-slider`
- `react-hot-toast`
- `react-icons`
- `react-rating`
- `react-slick`
- `react-toggle-dark-mode`
- `react-typewriter-effect`
- `sweetalert2`
- `swiper`
### Development Dependencies
- `vite`
- `eslint`
- `tailwindcss`
To install all dependencies:
```sh
npm install
```
---
đ Happy Gaming! đ