Game Hub

August 2023

Game Hub is a web application designed to help users discover and explore video games across various platforms. Developed using TypeScript, the project leverages modern web development tools and frameworks to deliver a seamless and responsive user experience.

Homepage of Game Hub in dark mode
Game HubHome (Dark)

The application utilizes Vite as the build tool, which offers fast development server capabilities and optimized builds. For the user interface, GameHub employs React, a popular JavaScript library for building component-based UIs. State management within the app is handled using Zustand, a lightweight and flexible state management library. Styling is achieved with Chakra UI, a modular and accessible component library that ensures a consistent and visually appealing design.​

Homepage of Game Hub in light mode
Game HubHome (Light)

To provide users with up-to-date information on video games, GameHub integrates with the RAWG Video Games Database API. This API offers extensive data on games, including details such as titles, genres, platforms, and release dates. By fetching data from RAWG, GameHub allows users to search for games, filter them by various criteria, and access detailed information about each title.

The purpose of GameHub is to serve as a practice project to reinforce my learning and improve my skills in React.js and TypeScript. Through this project, I have worked on key concepts such as state management using Zustand, filtering game results, handling data through the Context API, passing props effectively, and optimizing performance. By integrating real-world data and working with APIs, this project has helped me gain hands-on experience in building dynamic web applications while refining my front-end development skills.

Visit Production Site