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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/bekaarcoder/react-ts-gamehub.git
-
Install dependencies:
cd react-ts-gamehub npm install -
Run the application:
npm run dev
-
Open http://localhost:5173 in your browser to access the application.