Gamehubx

Gamehubx is a demo project built to showcase modern frontend development practices using React, TypeScript, and Tailwind CSS.

Features

• Game discovery & search
• Filters and sorting
• Pagination with URL state
• Dark mode support
• Responsive design
• Skeleton loaders

Tech Stack

• React
• TypeScript
• React Router
• Tailwind CSS
• RAWG API

Purpose

This project was built as a portfolio/demo project to demonstrate:

• Clean component architecture
• Reusable UI patterns
• Strong typing with TypeScript
• Real-world frontend patterns

Setup

This project uses the RAWG Video Games Database API.

To run the application locally, you must provide your own RAWG API key.

1. Create a .env file in the project root

2. Add the following variable:

   VITE_RAWG_API_KEY=your_api_key_here

3. Start the development server

   run "npm run dev"

You can obtain an API key from: https://rawg.io/apidocs