Game-Hub — Video Game Discovery App
A video game discovery app built from scratch against the RAWG API — search, filter, and explore titles by genre and platform. The project where React finally clicked for me.
Overview
Game-Hub was my React deep-dive. I built it from scratch against the RAWG games API — search thousands of titles, filter by genre and platform, sort the results, and open up any game. Nothing was scaffolded for me here, and getting that API integration right is the part I learned the most from: caching the data so the app isn't refetching what it already has, keeping the UI quick while filters change underneath it, and dealing with the loading and empty states. I learned a lot on this one. It's the project where React finally clicked for me.
Highlights
- RAWG API integration — the full games catalogue, wired up by hand and handled cleanly
- Search & filtering — by genre, platform, and ordering, with no full page reload
- Cached data layer — TanStack Query keeps browsing instant and avoids refetching what's already loaded
- Game detail pages — screenshots, ratings, and metadata for every title
- Proper loading states — skeletons rather than layout that jumps once data lands
- Responsive grid — a card layout that reflows cleanly from phone to widescreen, light and dark
Stack
- React + TypeScript
- Tailwind CSS + Chakra UI
- TanStack Query for data fetching and caching
- Zustand for client state
- RAWG Video Games Database API
Recent Projects
A recently completed project showcasing problem-solving, design thinking, and execution.
