Hamas

Game Hub

Description

A web application for Browse and discovering video games. Users can filter games by genre, sort by relevance, and see details like platform and ratings. The site features a clean, dark-themed UI.

Tech Stack

React
Chakra UI
React Query
TypeScript
RAWG API

Key Features

  • Game list display with cards for each game
  • Filtering by genre and platform
  • Sorting functionality
  • Search bar
  • Dark/Light mode toggle

Challenges & Solutions

  1. Optimizing API Performance and State Management

    The RAWG API returns a large volume of data. I used **React Query** for efficient caching, data fetching, and state synchronization, which significantly improved the application's performance and reduced unnecessary network requests.

  2. Building a Dynamic Filtering System

    Creating a dynamic filter that combined genres and platforms required careful state management. I designed a system where filters could be toggled and applied in real-time, providing a seamless user experience.

Project ImageProject ImageProject ImageProject Image