{"id":20426066,"url":"https://github.com/code-spirit-369/the-game-db","last_synced_at":"2026-04-08T16:01:43.129Z","repository":{"id":252333201,"uuid":"839511286","full_name":"code-spirit-369/the-game-db","owner":"code-spirit-369","description":" This web application allows you to discover games by genre with detailed information fetched from the RAWG API. It features a sleek and responsive design, including a dark/light mode toggler for an optimal user experience across devices.","archived":false,"fork":false,"pushed_at":"2024-08-07T20:40:28.000Z","size":384,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-06T18:21:40.848Z","etag":null,"topics":["nextjs","rawg-api","shadcn-ui","tailwindcss","typescript"],"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/code-spirit-369.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":"2024-08-07T18:57:39.000Z","updated_at":"2024-09-08T01:32:31.000Z","dependencies_parsed_at":"2024-08-09T04:24:11.759Z","dependency_job_id":"fe78c525-4f9a-4aa5-a710-a5ade17ca1cb","html_url":"https://github.com/code-spirit-369/the-game-db","commit_stats":null,"previous_names":["code-spirit-369/the-game-db"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/code-spirit-369/the-game-db","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fthe-game-db","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fthe-game-db/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fthe-game-db/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fthe-game-db/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/code-spirit-369","download_url":"https://codeload.github.com/code-spirit-369/the-game-db/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fthe-game-db/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-api","shadcn-ui","tailwindcss","typescript"],"created_at":"2024-11-15T07:15:19.149Z","updated_at":"2026-04-08T16:01:43.110Z","avatar_url":"https://github.com/code-spirit-369.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"https://youtube.com/playlist?list=PLJT1e2CqMCFC67EzS0-E7FpDs96-OJruw\u0026si=0VZr5vovOLl95okI\" target=\"_blank\"\u003e\n      \u003cimg src=\"public/tgdb_header.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Next_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=nextdotjs\u0026color=000000\" alt=\"nextdotjs\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-TypeScript-black?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=3178C6\" alt=\"typescript\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-ShadCN_UI-black?style=for-the-badge\u0026logoColor=white\u0026logo=shadcnui\u0026color=000000\" alt=\"shadcnui\" /\u003e\n  \u003c/div\u003e\n\n  \u003ch3 align=\"center\"\u003eThe Game Database\u003c/h3\u003e\n\n\u003cdiv align=\"center\"\u003e\n     Build this project step by step with a detailed tutorial on \u003ca href=\"https://www.youtube.com/@codespirit369/videos\" target=\"_blank\"\u003e\u003cb\u003eCode Spirit\u003c/b\u003e\u003c/a\u003e YouTube. \n    \u003c/div\u003e\n\u003c/div\u003e\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🎬 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🚀 [Quick Start](#quick-start)\n5. 🕸️ [Snippets (Code to Copy)](#snippets)\n6. 🔗 [Assets](#links)\n\n## 🚨 Tutorial\n\nThis repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, \u003ca href=\"https://www.youtube.com/@codespirit369/videos\" target=\"_blank\"\u003e\u003cb\u003eCode Spirit\u003c/b\u003e\u003c/a\u003e.\n\n\u003ca href=\"https://youtube.com/playlist?list=PLJT1e2CqMCFC67EzS0-E7FpDs96-OJruw\u0026si=0VZr5vovOLl95okI\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/sujatagunale/EasyRead/assets/151519281/1736fca5-a031-4854-8c09-bc110e3bc16d\" /\u003e\u003c/a\u003e\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- React.js\n- Next.js\n- Typescript\n- TailwindCSS\n- RAWG API\n- ShadCN\n\n## \u003ca name=\"introduction\"\u003e🎬 Introduction\u003c/a\u003e\n\nWelcome to The Game Database app! This web application allows you to discover games by genre with detailed information fetched from the RAWG API. It features a sleek and responsive design, including a dark/light mode toggler for an optimal user experience across devices.\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Game Search by Genre**: Find and explore games based on your favorite genres.\n\n👉 **Dark/Light Theme Mode**: Toggle between dark and light themes for a comfortable viewing experience.\n\n👉 **Responsive Design**: Ensures a seamless experience on all devices, whether desktop, tablet, or mobile.\n\n## \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/code-spirit-369/the-game-db.git\ncd the-game-db\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env.local` in the root of your project and add the following content:\n\n```env\nRAWG_API_KEY=\n```\n\nGet your API key from [RAWG](https://rawg.io/).\n\n**Running the Project**\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n\n## \u003ca name=\"snippets\"\u003e🕸️ Code Snippets\u003c/a\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ccode\u003e/types.ts\u003c/code\u003e\u003c/summary\u003e\n\n```typescript\ninterface Genre {\n  id: number;\n  name: string;\n  slug: string;\n  image_background: string;\n}\n\ninterface Platform {\n  platform: {\n    id: number;\n    name: string;\n    slug: string;\n  };\n}\n\ninterface Game {\n  id: number;\n  slug: string;\n  name: string;\n  background_image: string;\n  rating: number;\n  parent_platforms: Platform[];\n  genres: Genre[];\n}\n```\n\n\u003c/details\u003e\n\n## \u003ca name=\"links\"\u003e🔗 Assets\u003c/a\u003e\n\nPublic assets used in the project can be found [here](https://drive.google.com/file/d/1etCa7Aidnv0GGrkwscWoz_rlhGr82l4w/view?usp=sharing)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-spirit-369%2Fthe-game-db","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-spirit-369%2Fthe-game-db","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-spirit-369%2Fthe-game-db/lists"}