Game Library
A game library platform for browsing and viewing game titles with a clean, user-friendly interface.
I built this game library platform for browsing and viewing game titles with a clean, user-friendly interface, as part of a course I followed to learn the new React 18 and TypeScript.
Features
A game library platform for browsing and viewing game titles, featuring a clean, user-friendly interface and powered by the RAWG.io API for up-to-date game information.
Search and Filter — Find games by title, genre, or platform.
View User Ratings — Check ratings for each game.
Browse by Platform and Genre — Explore games organized by different platforms and genres.
Ordering Options — Sort games based on various criteria.
Dark Mode — Switch to a dark theme for a comfortable viewing experience.
Screenshots
Tech Stack
This project is built using the tools I rely on, ensuring easy maintenance and an enjoyable development experience.
Frontend
React v18.2 — Utilized for crafting a dynamic and interactive user interface with reusable components, enhancing the overall user experience.
TypeScript v4.9.3 — Used for adding type safety and reducing bugs in the codebase, ensuring a more robust and maintainable application.
Vite v4.1 — Employed for fast build times and efficient development with modern features, optimizing the development workflow.
Chakra UI v2.5.2 — Applied to build a responsive and accessible design, providing a set of ready-to-use components with a consistent look and feel.
Backend
RAWG.io API — Integrated to fetch comprehensive and up-to-date game data, including game details, ratings, and platforms, ensuring a rich and informative user experience.
DevOps
Git — Used for distributed version control, enabling efficient code management, branching, and collaboration.
Vercel — Used for hosting and deploying frontend applications with a focus on fast, scalable, and reliable deployments, integrating seamlessly with version control systems like GitHub for continuous deployment.