Skip to content

Latest commit

 

History

History
138 lines (89 loc) · 3.18 KB

README.md

File metadata and controls

138 lines (89 loc) · 3.18 KB

🎮 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

Home Page - Dark Mode

🕹️ All Review

All Review - Dark Mode

📜 Add Review

Add Review - Dark Mode

📜 My Review

My Review - Dark Mode

📜 Game WatchLit

Game WatchLit - Dark Mode

☀️ Light Mode

🏠 Home Page

Home Page - Light Mode

🕹️ All Review

All Review - Light Mode

📜 Add Review

Add Review - Light Mode

📜 My Review

My Review - Light Mode

📜 Game WatchLit

Game WatchLit - Light Mode


🚀 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! 🚀