{"id":26926475,"url":"https://github.com/pa4080/game-hub","last_synced_at":"2026-04-09T23:01:54.986Z","repository":{"id":193030543,"uuid":"615002662","full_name":"pa4080/game-hub","owner":"pa4080","description":null,"archived":false,"fork":false,"pushed_at":"2023-11-13T07:48:22.000Z","size":2884,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T03:35:16.518Z","etag":null,"topics":["nextjs","rawg","rawg-api","react","reactjs","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://game-hub.metalevel.tech/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pa4080.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-03-16T18:49:00.000Z","updated_at":"2023-10-18T08:08:06.000Z","dependencies_parsed_at":"2023-09-14T06:03:58.901Z","dependency_job_id":"2518aeaa-a851-4445-a164-67f404515094","html_url":"https://github.com/pa4080/game-hub","commit_stats":null,"previous_names":["pa4080/prj-nextjs-game-hub","metalevel-tech/game-hub"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pa4080/game-hub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pa4080%2Fgame-hub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pa4080%2Fgame-hub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pa4080%2Fgame-hub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pa4080%2Fgame-hub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pa4080","download_url":"https://codeload.github.com/pa4080/game-hub/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pa4080%2Fgame-hub/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261064278,"owners_count":23104722,"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":["nextjs","rawg","rawg-api","react","reactjs","typescript","vercel"],"created_at":"2025-04-02T03:32:19.086Z","updated_at":"2026-04-09T23:01:54.892Z","avatar_url":"https://github.com/pa4080.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Game hub\n\nThis is a simplified replica of the [RAWG's site](https://rawg.io/), which uses the non-commercial access of their [API](https://rawg.io/apidocs).\n\n[![image](public/images/game-hub-screenshot.webp)](https://game-hub.metalevel.tech/)\n\nThe project is based on the Mosh Hamedani's course [React 18 and TypeScript](https://codewithmosh.com/p/ultimate-react-part1) but with a couple of improvements. For example: This is a Next.js 13.6 implementation, also instead of [Bootstrap](https://getbootstrap.com/) and [Chakra UI](https://chakra-ui.com/) are used [Tailwind CSS](https://tailwindcss.com/) and [Shadcn/UI](https://ui.shadcn.com/), and more.\n\n## References and credits\n\n- [React 18 and TypeScript: Code with Mosh Course](https://codewithmosh.com/p/ultimate-react-part1)\n- [Mosh at GitHub: **The Ultimate React Course - Part 1**](https://github.com/mosh-hamedani/react-course-part1)\n- [Mosh at GitHub: **GameHub**](https://github.com/mosh-hamedani/game-hub)\n- [RAWG API Docs](https://rawg.io/apidocs) | [RAWG Home](https://rawg.io/)\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) and hosted on [Vercel](https://vercel.com/).\n\nBecause the application exhaust too quickly the  the image optimization quota of Vercel the optimization on production is disabled.\n\n## Final touches (to do)\n\n- [x] Fancy game card hover behavior, like RAWG.\n- [x] When the Next.js' image optimization is disabled: Proxy the RAWG Media files to avoid issues related to CORS and private networks with restrictions. In addition cache them for better application performance.\n- [x] Improve the behaviour of the \"color theme selector\".\n- [x] Clear all filters and show all games, when click on the logo. A little bit ugly solution which uses `\u003ca href=\"/\"\u003e` is applied.\n- [x] Create game-images gallery.\n- [x] Scroll to top button. Fix the known issue of the mobile browsers 100vh bug, see: [`globals.css`](app/globals.css#L14) and [`Games_Navigation_Float.tsx`](components/Games_Navigation_Float.tsx#L26)\n\n## Getting Started Dev\n\nInstall the dependencies:\n\n```bash\nnpm install\n```\n\nCheckout the [`.env.example`](.env.example) file and create a `.env.local` file with an actual value of `RAWG_API_KEY`.\n\nIn addition you may want to create a Vercel project and link it to the repository then you can manage the environment variables from the Vercel admin panel.\n\nRun the development server:\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3001](http://localhost:3001) with your browser to see the result.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpa4080%2Fgame-hub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpa4080%2Fgame-hub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpa4080%2Fgame-hub/lists"}