https://github.com/nusrat40/gamezone-project
A web application for gamers to explore reviews of exciting games, manage a personalized watchlist, and get detailed insights about their favorite games.
https://github.com/nusrat40/gamezone-project
express-js firebase jwt-authentication mongdb react
Last synced: 2 months ago
JSON representation
A web application for gamers to explore reviews of exciting games, manage a personalized watchlist, and get detailed insights about their favorite games.
- Host: GitHub
- URL: https://github.com/nusrat40/gamezone-project
- Owner: nusrat40
- Created: 2025-01-04T06:07:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T03:13:18.000Z (over 1 year ago)
- Last Synced: 2025-03-30T01:45:52.553Z (about 1 year ago)
- Topics: express-js, firebase, jwt-authentication, mongdb, react
- Language: JavaScript
- Homepage: https://game-zone-a81e9.web.app/
- Size: 552 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎮 GameZone
## 📌 About the Project
> A web application for gamers to explore reviews of exciting games, manage a personalized watchlist, and get detailed insights about their favorite games.
## Live Demo
Check out the live website here: [Live Demo](https://game-zone-a81e9.web.app/)
## 🚀 Technologies Used
The project is built with:
- **Frontend:** React, React Router
- **Backend:** Firebase (for authentication & storage)
- **Styling:** Tailwind CSS, DaisyUI
- **Animations & UI Enhancements:** Lottie, React Simple Typewriter, React Icons
## ✨ Features
✔️ **Game Reviews** – Discover detailed reviews of top-rated games.
✔️ **Personalized Watchlist** – Save your favorite games for later.
✔️ **Firebase Authentication** – Secure login and user management.
✔️ **Interactive UI** – Smooth animations and tooltips for a dynamic experience.
✔️ **Real-time Updates** – Stay updated with the latest gaming trends.
## ⚙️ Installation
To run **GameZone** locally, follow these steps:
1️⃣ **Clone the repository:**
```sh
git clone https://github.com/nusrat40/gamezone-project.git
cd GameZone
```
2️⃣ **Install dependencies:**
```sh
npm install
```
3️⃣ **Set up environment variables:**
Create a `.env` file in the root directory and add:
```sh
VITE_apiKey=AIzaSyCyDFbmZxcVlffBVWOHoZ7Fhf0kGxsiE1I
VITE_authDomain=game-zone-a81e9.firebaseapp.com
VITE_projectId=game-zone-a81e9
VITE_storageBucket=game-zone-a81e9.firebasestorage.app
VITE_messagingSenderId=489701873986
VITE_appId=1:489701873986:web:6b4ec7d392af49d58090db
```
4️⃣ **Run the development server:**
```sh
npm run dev
```
## 📦 Dependencies
Here are the key dependencies used in this project:
### **Main Packages**
```json
{
"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-icons": "^5.4.0",
"react-router-dom": "^7.0.2",
"react-simple-typewriter": "^5.0.1",
"react-toastify": "^10.0.6",
"react-tooltip": "^5.28.0",
"sweetalert2": "^11.14.5"
}
```
### **Development Dependencies**
```json
{
"eslint": "^9.15.0",
"daisyui": "^4.12.14",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.16",
"vite": "^6.0.1"
}
```