https://github.com/motiur-rahman-dhrubo/assignment-10-client
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.
https://github.com/motiur-rahman-dhrubo/assignment-10-client
daisyui firebase localforage react react-awesome-slider react-icons react-router react-toastify sweetalert2 tailwindcss
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/motiur-rahman-dhrubo/assignment-10-client
- Owner: Motiur-Rahman-Dhrubo
- Created: 2025-01-13T19:07:50.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-05T17:43:14.000Z (4 months ago)
- Last Synced: 2025-02-16T07:20:11.828Z (3 months ago)
- Topics: daisyui, firebase, localforage, react, react-awesome-slider, react-icons, react-router, react-toastify, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage: https://assignment-10-5f987.web.app/
- Size: 9.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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