Game Hub

View Demo
Don't forget to run the backend app first

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Screenshots
3. Contact

About The Project

This is Game Hub a website where you could search for video games, view details, add to favorites...
I created this website in React.ts only the first time then I created the backend using ASP.NET 8 to make a fullstack application, the backend and frontend are separated in different repositories, see the frontend repository here
The app uses RAWG API to get data about the games.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

For the React app you can start it using the following commands:

npm install
npm run dev

To get the app up and running, follow the steps below:

• First, generate a valid dev certificate in your local machine using the following commands:

  • on Windows:

  dotnet dev-certs https -ep %USERPROFILE%\.aspnet\https\gamehub.pfx -p gamehub123
  dotnet dev-certs https --trust

  Note: When using PowerShell, replace %USERPROFILE% with $env:USERPROFILE.

  • on Mac:

  dotnet dev-certs https -ep ${HOME}/.aspnet/https/aspnetapp.pfx -p gamehub123
  dotnet dev-certs https --trust

• Then run docker compose file using the following command:

  docker-compose up

  Note: run the command on the root folder of the project

  • You can now use swagger UI on the following link: https://localhost:7023/swagger/index.html
  • Visit this link then to view a live demo of the frontend app: https://aesthetic-manatee-2ad4b8.netlify.app/

• When using the app, you might want to create an account using the frontend app, in that case a confirmation email will be sent to you, you can view the emails on the local smtp server using the following link: http://localhost:3000/

• If you want to login using Swagger UI, don't forget to set the useCookies query parameter to true

Prerequisites

• You will need the following things before being able to work with the project if you aren't running the app via docker:
  • .NET 8
  • smtp4dev
• You will need the following things before being able to work with the react project:
  • Node.js
  • Vite

For the frontend, you can visit the hosted app on netlify or you can dive inside the project in this repository

Screenshots

Contact

• You can visit my website and send me messages via the contact form: Website
• Visit my linkedin profile: Linkedin

(back to top)

(back to top)