"ReviewXP"

Short descroption:

This site is build for collecting reviews about Games. User can give their opition or can share their experience about different games.

Features:

1. This is an game reviews website
2. User can give review on each game
3. Can add reviews on his/her favourite game
4. can add favourite reviews on wishlish
5. This site have dark mode functionality

Tecnology:

1. Project setup React+Typescript
2. Tailwind css + Daisy UI for styling
3. React router for routing
4. firebase authentication Some packages:
5. react icons, react-toastify, React-awesome-carousol(Swiper), React-fast marquee, react-typewriter,react-tooptip etc.

Dependencies

Package	Version
@lottiefiles/dotlottie-react	^0.11.0
firebase	^11.0.2
react	^18.3.1
react-dom	^18.3.1
react-fast-marquee	^1.6.5
react-hook-form	^7.53.2
react-icons	^5.4.0
react-modal	^3.16.1
react-router-dom	^6.28.0
react-simple-typewriter	^5.0.1
react-toastify	^10.0.6
react-tooltip	^5.28.0
swiper	^11.1.15

---

🚀 Running the Project Locally

Follow these steps to set up and run the project on your local machine.

Prerequisites

Ensure you have the following installed:

• Node.js (Latest LTS version recommended) → Download Node.js
• npm (Comes with Node.js) or yarn
• Git (Optional, for cloning the repo)

1️⃣ Clone the Repository

git clone <repository-url>
cd <project-folder>

2️⃣ Install Dependencies

Using npm:

npm install

3️⃣ Setup Environment Variables

Create a .env file in the root directory and add your Firebase credentials:

VITE_API_KEY=your_api_key
VITE_AUTH_DOMAIN=your_auth_domain
VITE_PROJECT_ID=your_project_id
VITE_STORAGE_BUCKET=your_storage_bucket
VITE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_APP_ID=your_app_id

Make sure you replace your_api_key and other values with your actual Firebase config.

4️⃣ Start the Development Server

Using npm:

npm run dev

This will start the development server, usually on http://localhost:5173/ (default Vite port).

5️⃣ Build the Project (For Production)

To create an optimized production build:

npm run build

The output will be in the dist folder.

6️⃣ Firebase Configuration (Optional - If Using Firebase Hosting)

If you want to deploy using Firebase, login and initialize Firebase:

firebase login
firebase init

Then deploy:

firebase deploy

---

This will ensure anyone can easily set up and run your project! 🚀🔥

server side vercel live link:

https://b10-game-review-server.vercel.app/allGames

client side live link:

netlify : https://game-reviewxp.netlify.app

firebase https://react-router-context-58.web.app/

server github link: