/game-hub

Dynamic web application for video game enthusiasts. It provides a platform for users to explore a wide variety of games, filter them based on different platforms, and sort them according to their preferences.

Primary LanguageTypeScript

Game Portfolio

Screenshot of the app

This is a dynamic web application for video game enthusiasts. It allows users to explore, filter, and sort a wide variety of games, and provides detailed information and ratings for each game.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that adds static types.
  • Axios: A promise-based HTTP client for the browser and Node.js.
  • ESLint: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
  • Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.

Getting Started

To get a local copy up and running, follow these steps:

  1. Clone the repository:
git clone https://github.com/rcpc265/game-hub.git
  1. Install the dependencies:
npm install
  1. Get your own API key from RAWG. It's free! Once you have it, copy the .env.example file and rename it to .env:
cp .env.example .env

Then, open the .env file and replace your-api-key with your actual RAWG API key:

VITE_API_KEY=your-api-key
  1. Start the development server:
npm run dev
  1. Build for production:
npm run build
  1. Build and preview the production build locally:
npm run preview

Enjoy the app!