Chill Gamer 🎮✨

Welcome to Chill Gamer !!!

A user-friendly game review application where users can explore and share reviews of their favorite games. With its clean design and robust functionality, Chill Gamer provides a "chill" experience for all gamers.

🚀 Live site URL:

• https://assignment-10-5f987.web.app/
• https://assignment-10-5f987.firebaseapp.com/

🛠️ Technologies Used:

Chill Gamer is built with modern React-based technologies:

• Frontend: React, React Router, React Icons.
• State Management: LocalForage.
• Authentication: Firebase (Email/Password, Google Auth).
• Styling: Tailwind CSS, DaisyUI.
• UI Enhancements: React Awesome Slider, Swiper, Typewriter Effects.
• Notifications: React Toastify, SweetAlert2.

🚀 Core Features:

✔ Responsive Design - Works seamlessly on mobile, tablet, and desktop.
✔ User Authentication - Secure login & registration (Email/Google).
✔ Game Review Management - Users can Add, Update, Delete reviews.
✔ Personalized Watchlist - Save your favorite games for later.
✔ Dark/Light Mode - Customize your browsing experience.
✔ Smooth Animations - Powered by React Lottie, Typewriter, and Awesome Reveal.

📦 Dependencies:

Here are the key dependencies used in this project:

🔹 Frontend Libraries:

• "react": "^18.3.1",
• "react-dom": "^18.3.1",
• "react-router-dom": "^7.0.2",
• "react-icons": "^5.4.0",
• "react-awesome-slider": "^4.1.0",
• "react-rating-stars-component": "^2.2.0",
• "react-simple-typewriter": "^5.0.1",
• "react-toastify": "^10.0.6",
• "react-tooltip": "^5.28.0",
• "swiper": "^11.1.15"

🔹 Authentication & Storage:

• "firebase": "^11.0.2",
• "localforage": "^1.10.0"

🔹 Utilities & Sorting:

• "match-sorter": "^8.0.0",
• "sort-by": "^1.2.0"

🔹 Styling:

• "tailwindcss": "^3.4.16",
• "daisyui": "^4.12.14",
• "postcss": "^8.4.49",
• "autoprefixer": "^10.4.20"

🛠️ Setup & Installation:

Follow these steps to run the project locally:

1️⃣ Clone the Repository:

git clone https://github.com/Motiur-Rahman-Dhrubo/Assignment-10-client
cd Assignment-10-client

2️⃣ Install Dependencies:

npm install

3️⃣ Setup Firebase:

• Create a Firebase project on Firebase Console.
• Enable Authentication (Email/Google).
• Copy your Firebase config and create a .env file:

VITE_apiKey=AIzaSyDVsZVfDb5PGzXjICbR7mpOZT5zh8VK4rU
VITE_authDomain=assignment-10-5f987.firebaseapp.com
VITE_projectId=assignment-10-5f987
VITE_storageBucket=assignment-10-5f987.firebasestorage.app
VITE_messagingSenderId=590736055991
VITE_appId=1:590736055991:web:900fc51eb183e209bc3732

4️⃣ Run the Development Server"

npm run dev

This will start the project at http://localhost:5173/

🔗 Resources & Links:

• 🌐 Live Site: Chill Gamer
• 📘 Firebase Docs: Firebase Documentation
• 🎨 Tailwind CSS: Tailwind Docs
• 🔥 React Router: React Router Docs