Skip to content

README.md

Latest commit

 

History

History
39 lines (30 loc) · 1.52 KB

README.md

File metadata and controls

39 lines (30 loc) · 1.52 KB

Game-hub: a RAWG Demo

Link to the website: https://rawg-demo-three.vercel.app/

Overview

This is a demo website showcasing a game library using the RAWG Video Games Database API. The website provides users with a curated collection of games, allowing them to explore details, search for genres, specific titles, platforms and discover different games through different filters.

Time Spent

I lost track of the time I spent on this website, but it definitely took more than 5.

Features

  • Dark/Light Mode
  • Game Exploration: Browse through an extensive collection of games with detailed information.
  • Search Functionality: Easily search for specific games using the search bar.
  • Game Details: Access comprehensive details for each game, including descriptions, release dates, and platforms.
  • Filter and Sorting Options: Sort and filter games based on various criteria such as popularity, release date, and more.
  • Responsive Design: Enjoy a seamless experience on devices of different screen sizes.

Technologies Used

  • Vite
  • React
  • Typscript
  • ChakraUI library
  • Axios (Data Fetching)
  • Vercel (Deployment)
  • RAWG Video Games Database API
  • Other dependencies (listed in package.json)

Getting Started

To run the project locally, follow these steps:

  1. Clone this repository to your local machine
  2. Run npm install to install the required dependencies.
  3. Get RAWG API key at https://rawg.io/apidocs.
  4. Add the API key to src/services/api-client.ts
  5. Use npm run dev command to start the web server.