https://github.com/skillmaker-dev/game-hub
This is Game Hub a website where you could search for video games, view details, add to favorites...
https://github.com/skillmaker-dev/game-hub
Last synced: 8 months ago
JSON representation
This is Game Hub a website where you could search for video games, view details, add to favorites...
- Host: GitHub
- URL: https://github.com/skillmaker-dev/game-hub
- Owner: skillmaker-dev
- Created: 2023-05-04T16:31:23.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-20T19:45:50.000Z (about 2 years ago)
- Last Synced: 2025-03-23T09:35:21.348Z (11 months ago)
- Language: TypeScript
- Homepage:
- Size: 328 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Table of Contents
## 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 backend repository [here](https://github.com/skillmaker-dev/GameHubBackend)
The app uses [RAWG](https://rawg.io/apidocs) API to get data about the games.
### 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.
* 
* 
* 
* 
* 
* 
* 
* 
* 
## Getting Started
To get the app up and running, follow the steps below:
**For the React app you can start it using the following commands**:
```sh
npm install
npm run dev
```
* First, generate a valid dev certificate in your local machine using the following commands:
- on Windows:
```sh
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:
```sh
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:
```sh
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 react project:
* Node.js
* Vite
- You will need the following things before being able to work with the dotnet project if you aren't running the app via docker:
* .NET 8
* smtp4dev
>For the frontend, you can visit the [hosted app](https://aesthetic-manatee-2ad4b8.netlify.app) on netlify or you can run it inside the project
## Screenshots
## Contact
* You can visit my website and send me messages via the contact form: [Website](https://anaschahid.work/)
* Visit my linkedin profile: [Linkedin](https://www.linkedin.com/in/anas-chahid/)