GameHub

Overview

GameHub is a React application built with TypeScript that provides a seamless experience for discovering and exploring the latest games across various devices. The application utilizes the rawg.io API to fetch game data and offers a range of features to enhance the user experience.

Table of Contents

• Features
• Technologies Used
• Installation

Features

• Latest Games: Retrieve all the latest games for various gaming devices.
• Search Functionality: Search for specific games quickly and efficiently.
• Genre Filtering: Explore games by genre, allowing users to find titles based on their preferences.
• Sorting and Filtering: Sort and filter games based on genre and device to streamline the selection process.
• Ordering Options: Order games by release dates, popularity, rating, and more for a personalized experience.
• Dark/Light Mode: Switch between dark and light themes for a personalized and comfortable viewing experience.

Technologies Used

• React Router DOM: For seamless navigation within the application.
• React Query: To manage and cache API data efficiently.
• Chakra UI: A modular UI component library for a consistent and visually appealing design.
• Zustand: A state management library for maintaining global state in React applications.
• Vite: A fast development environment for React with features like hot module replacement.

Installation

1. Clone the repository:

   git clone https://github.com/bekaarcoder/react-ts-gamehub.git

2. Install dependencies:

   cd react-ts-gamehub
   npm install

3. Run the application:

   npm run dev

4. Open http://localhost:5173 in your browser to access the application.