🎮 Chill Gamer

A gaming review platform with interactive features to enhance user experience. Users can easily explore and add review related to the games. Also they can add their watchlist of the shared game reviews.

---

🛠️ Used Main Technologies

• Frontend: React, Tailwind CSS, Daisy UI
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Firebase Authentication
• Routing: React Router
• Animation: Lottie React
• Hosting: Firebase (Frontend), Vercel (Backend)

---

🚀 Core Features

✔ Interactive UI – Clean, user-friendly interface for easy navigation.
✔ Data Fetching – Fetches reviews dynamically using API requests.
✔ Authentication – Secure login/register via Firebase (Google, email/password).
✔ Sorting & Filtering – Sort reviews by rating or publish year, and filter by genre.
✔ Dynamic Routes – Pages for Home, All Reviews, Review Details, My Reviews, and Watchlist.

---

📦 Used Dependencies

"dependencies": {
  "@emailjs/browser": "^4.4.1",
  "firebase": "^11.0.2",
  "localforage": "^1.10.0",
  "lottie-react": "^2.4.0",
  "match-sorter": "^8.0.0",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
  "react-fast-marquee": "^1.6.5",
  "react-icons": "^5.4.0",
  "react-rating-stars-component": "^2.2.0",
  "react-router-dom": "^7.0.2",
  "react-simple-typewriter": "^5.0.1",
  "react-toastify": "^10.0.6",
  "react-tooltip": "^5.28.0",
  "sort-by": "^1.2.0",
  "sweetalert2": "^11.14.5",
  "swiper": "^11.1.15"
}

---

📥 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/ssmahim01/chill-gamer-platform.git
cd chill-gamer-platform

2️⃣ Install Dependencies

npm install

3️⃣ Configure Environment Variables

Create a .env.local file in the root directory and add the keys with URLs

---

🏃 Project Run Locally

To run the project locally, use the following command:

npm run dev

🔹 This will start the development server, and you can access it at:
📌 http://localhost:5173

For backend setup, refer to the Backend Repository.

---

📚 Used npm Packages

Package	Documentation
react-fast-marquee	Docs
lottie-react	Docs
email-js	Docs
react-icons	Docs
sweetalert2	Docs
swiper-js	Docs
react-simple-typewriter	Docs
react-tooltip	Docs
react-toastify	Docs

---

📌 Usage Guide

✅ Logging In

• Users can register/login with:
  • Google Authentication
  • Email & Password Authentication

✅ Sorting & Filtering Reviews

• Sort reviews by rating or publish year.
• Filter by game genre to find personalized reviews.

✅ Adding to Watchlist

• Users can save games to their watchlist for later.

---

🔧 Vite + React Setup

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh