Loading
Projects/Case Study
FrontendPersonal Project

GaminDom

GaminDom is a modern gaming discovery platform built with Next.js 15 and the RAWG Video Games Database API. It features a signature circular floating menu, genre and platform filtering, a full gaming news hub, and a dark theme optimized for the gaming aesthetic.

Role

Frontend Developer

Year

2026

Stack

Next.js 15, TypeScript, TailwindCSS 4

GaminDom
01

The Challenge

Creating a high-performance gaming discovery platform that feels fast and responsive while handling large amounts of data from external APIs. The main hurdle was optimizing image loading and managing real-time search results without lag, while also building an innovative circular floating menu that works seamlessly on both desktop and mobile.

02

The Outcome

Successfully integrated the RAWG API with Next.js App Router and server components, achieving fast initial page loads. The final product features a signature circular floating menu with smooth rotation animations, a 95+ Lighthouse performance score, and a contextual first-visit hint system using localStorage.

03

What It Does

01

Game Discovery

Browse latest, trending, and top-rated games

02

Advanced Search

Search by title, genre, and platform

03

Game Details

Comprehensive info with screenshots and reviews

04

Gaming News

Latest articles and updates with full article pages

05

Circular Floating Menu

Innovative Cmd+M navigation with smooth animations

06

Real-time Data

RAWG Video Games Database API integration

07

Genre & Platform Filtering

Browse games by category

08

Responsive Design

Mobile-first with touch-optimized interactions

04

Gallery

Click to expand
Haider Ahmad | Full Stack Developer & UI/UX Designer