🎮 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

---

📸 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:

   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:

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:

   npm install

2. Run the project locally:

   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:

npm install

---

🚀 Happy Gaming! 🚀