📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Setup

🤖 Introduction

GameHub is a video game discovery web application that enables users to explore and search for games by platform, genre, and other filters to easily discover new and trending titles.

⚙️ Tech Stack

• Web Technologies: HTMl, CSS, JavaScript, TypeScript
• CSS Frameworks: Chakra UI
• JS Frameworks: ReactJS
• Client-Side State Management: Zustand
• Server-Side State Management: React Query
• Routing: React Router

🔋 Features

👉 Filter games: Allow users to narrow down the game list based on their favorite genres (e.g., Action, RPG) and platforms (e.g., PC, PlayStation).

👉 Search games: Enable a search bar where users can input a game’s name to instantly locate it.

👉 Infinite Scrolling for games list: Load more games dynamically as the user scrolls instead of traditional pagination. This keeps the browsing experience smooth and uninterrupted.

👉 Sort games: Provide sorting filters such as most popular, recently added, or highest rated.

👉 Game description: Each game has a dedicated page with screenshots, description, release date, and other key details

👉 Dark Mode Toggle: Let users switch between light and dark themes based on their preference.

🤸 Setup

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

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

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.