{"id":22018277,"url":"https://github.com/skillmaker-dev/game-hub","last_synced_at":"2025-06-19T04:05:07.518Z","repository":{"id":166532791,"uuid":"636342881","full_name":"skillmaker-dev/game-hub","owner":"skillmaker-dev","description":"This is Game Hub a website where you could search for video games, view details, add to favorites...","archived":false,"fork":false,"pushed_at":"2024-01-20T19:45:50.000Z","size":336,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T09:35:21.348Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skillmaker-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-04T16:31:23.000Z","updated_at":"2024-01-18T23:16:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a21a324-ca01-470b-a10d-de6bf7d0e30a","html_url":"https://github.com/skillmaker-dev/game-hub","commit_stats":null,"previous_names":["skillmaker-dev/game-hub"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/skillmaker-dev/game-hub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skillmaker-dev%2Fgame-hub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skillmaker-dev%2Fgame-hub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skillmaker-dev%2Fgame-hub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skillmaker-dev%2Fgame-hub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skillmaker-dev","download_url":"https://codeload.github.com/skillmaker-dev/game-hub/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skillmaker-dev%2Fgame-hub/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260684152,"owners_count":23046099,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-30T05:11:16.245Z","updated_at":"2025-06-19T04:05:02.493Z","avatar_url":"https://github.com/skillmaker-dev.png","language":"TypeScript","readme":"\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/f962930e-6661-4608-b5fa-97cd16352968)\n\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\n\n  \u003ch3 align=\"center\"\u003eGame Hub\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://aesthetic-manatee-2ad4b8.netlify.app/\"\u003eView Demo\u003c/a\u003e\n    \u003cb\u003eDon't forget to run the backend app first\u003c/b\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eScreenshots\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\nThis is Game Hub a website where you could search for video games, view details, add to favorites... \n\u003cbr/\u003eI 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)\n\u003cbr/\u003eThe app uses [RAWG](https://rawg.io/apidocs) API to get data about the games. \n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n### Built With\n\nThis 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.\n* ![.Net](https://img.shields.io/badge/.NET-5C2D91?style=for-the-badge\u0026logo=.net\u0026logoColor=white)\n* ![React](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge\u0026logo=React\u0026logoColor=black)\n* ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n* ![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge\u0026logo=chakraui\u0026logoColor=white)\n* ![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge\u0026logo=react%20query\u0026logoColor=white)\n* ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n* ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n* ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge\u0026logo=netlify\u0026logoColor=#00C7B7)\n* ![Docker](https://img.shields.io/badge/Docker-2496ED.svg?style=for-the-badge\u0026logo=Docker\u0026logoColor=white)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- GETTING STARTED --\u003e\n## Getting Started\n\nTo get the app up and running, follow the steps below:\n\n**For the React app you can start it using the following commands**:\n```sh\nnpm install\nnpm run dev\n```\n\n* First, generate a valid dev certificate in your local machine using the following commands:\n\n  - on Windows:\n  ```sh\n  dotnet dev-certs https -ep %USERPROFILE%\\.aspnet\\https\\gamehub.pfx -p gamehub123\n  dotnet dev-certs https --trust\n  ```\n  \u003e**Note: When using PowerShell, replace `%USERPROFILE%` with `$env:USERPROFILE`.**\n  - on Mac:\n   ```sh\n  dotnet dev-certs https -ep ${HOME}/.aspnet/https/aspnetapp.pfx -p gamehub123\n  dotnet dev-certs https --trust\n  ```\n* Then run docker compose file using the following command:\n  ```sh\n  docker-compose up\n  ```\n  \u003e**Note: run the command on the root folder of the project**\n\n  - You can now use swagger UI on the following link: https://localhost:7023/swagger/index.html\n  - Visit this link then to view a live demo of the frontend app: https://aesthetic-manatee-2ad4b8.netlify.app/\n* 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/\n* If you want to login using Swagger UI, don't forget to set the useCookies query parameter to true\n## Prerequisites\n- You will need the following things before being able to work with the react project:\n  * Node.js\n  * Vite\n- You will need the following things before being able to work with the dotnet project if you aren't running the app via docker:\n  * .NET 8\n  * smtp4dev\n    \n\u003eFor the frontend, you can visit the [hosted app](https://aesthetic-manatee-2ad4b8.netlify.app) on netlify or you can run it inside the project\n\n## Screenshots\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/bb5e6dd8-6e6c-4438-8e60-90b7a683109b)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/f81263f3-307f-4a0c-99de-71e16562c4d3)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/0adb534a-9dd9-4946-a518-f51c6f84ef13)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/1f665550-350a-4a4e-aafc-a8e55cda5f40)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/9c185dd3-a988-48f9-88d9-c946f7ef6cff)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/3d043fb0-2aa0-43e0-a1ef-1cecb7c296c8)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/ef43a488-1005-4a1a-b2e3-face9021bee4)\n![image](https://github.com/skillmaker-dev/GameHubBackend/assets/64654197/087ddece-fc0d-465c-9116-312c919dd10a)\n\n\n\n\n\u003c!-- CONTACT --\u003e\n## Contact\n\n* You can visit my website and send me messages via the contact form: [Website](https://anaschahid.work/)\n* Visit my linkedin profile: [Linkedin](https://www.linkedin.com/in/anas-chahid/)\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskillmaker-dev%2Fgame-hub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskillmaker-dev%2Fgame-hub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskillmaker-dev%2Fgame-hub/lists"}