React + TypeScript + Vite

🎮 Game Hub Platform

A Game Hub platform built with React, TypeScript, and Chakra UI, using the RAWG API for game data. This platform lets users explore, search, and filter games by genres, platforms, and more.

---

🚀 Features

• Dynamic Game Browsing: Explore a vast library of games fetched from the RAWG API.
• Advanced Filtering: Narrow down games by genre, platform, and other criteria.
• Search Functionality: Quickly find games by title.
• Responsive Design: Optimized for both desktop and mobile devices.
• Custom Theming: Utilizes Chakra UI with a custom brand color palette for a cohesive look and feel.
• Efficient State Management: Implements Zustand for global state management.
• Optimized Data Fetching: Uses React Query for efficient and cached API requests.

---

🛠️ Tech Stack

• Frontend: React 18, TypeScript, Vite
• UI Components: Chakra UI
• Routing: React Router
• State Management: Zustand
• Data Fetching: React Query
• HTTP Client: Axios
• API: RAWG Video Games Database API

---

📦 Installation

1. Clone the Repository

git clone https://github.com/Robin-Evolve/game-hub.git
cd game-hub

2. Install Dependencies:

npm install

3. Set Up Environment Variables:

Create a .env file in the root directory and add your RAWG API key:

VITE_RAWG_API_KEY=your_rawg_api_key_here

4. Run the Development Server:

npm run dev