{"id":21835188,"url":"https://github.com/redayzarra/gamehub","last_synced_at":"2026-05-07T09:34:07.732Z","repository":{"id":165929421,"uuid":"640493188","full_name":"redayzarra/GameHub","owner":"redayzarra","description":"Game Hub is a comprehensive web application, built as part of a Code with Mosh course, which provides an engaging platform for users to explore and discover a variety of video games. Using the RAWG API, it offers detailed game information, including screenshots and gameplay videos.","archived":false,"fork":false,"pushed_at":"2023-06-02T11:00:15.000Z","size":66823,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T09:44:30.345Z","etag":null,"topics":["backend","frontend","react","react-hooks","react-router","reactjs","website"],"latest_commit_sha":null,"homepage":"https://game-hub-flame-two.vercel.app","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/redayzarra.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-14T09:21:53.000Z","updated_at":"2023-12-19T07:34:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"0d61b8c8-4778-426b-b957-1a5437c7b131","html_url":"https://github.com/redayzarra/GameHub","commit_stats":null,"previous_names":["redayzarra/gamehub"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redayzarra%2FGameHub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redayzarra%2FGameHub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redayzarra%2FGameHub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redayzarra%2FGameHub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redayzarra","download_url":"https://codeload.github.com/redayzarra/GameHub/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235688634,"owners_count":19029912,"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":["backend","frontend","react","react-hooks","react-router","reactjs","website"],"created_at":"2024-11-27T20:18:19.180Z","updated_at":"2025-10-27T00:46:21.997Z","avatar_url":"https://github.com/redayzarra.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Game Hub - Video Game Showcase\n\n[Game Hub](https://game-hub-flame-two.vercel.app/) is a comprehensive web application built using React and TypeScript. This project is part of a project-based course offered by [Code with Mosh](https://codewithmosh.com/p/ultimate-react-part1), aiming to provide practical experience in developing modern web applications. The application is designed to create an engaging platform for gamers to explore and discover various video games. \n\nThe application consumes data from the [RAWG API](https://rawg.io/apidocs), one of the largest video game databases that provides comprehensive details about games including titles, thumbnails, screenshots, videos, and many more. As part of the course, the project incorporates essential aspects of a modern web application including responsiveness, accessibility, and efficient state management, among others.\n\nWith this application, users can browse through a vast library of video games. Each game on the platform is presented with detailed information, including high-quality screenshots and videos, offering a sneak peek into the gameplay.\n\n\u003cdiv align=\"center\"\u003e\n \n  \u003cimg src=\"https://github.com/redayzarra/web-gamesite-project/assets/113388793/847c956e-ddc0-4251-a1e2-8f77dc0fec12\" alt=\"HomePage\"\u003e\n  \u003cp\u003eHome Page\u003c/p\u003e\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n \n  \u003cimg src=\"https://github.com/redayzarra/web-gamesite-project/assets/113388793/949be238-21f5-47d5-a2ca-c5549ff131cf\" alt=\"GameDetailsPage\"\u003e\n  \u003cp\u003eGame Details Page\u003c/p\u003e\n \n\u003c/div\u003e\n\n## Features\n\n- **Game Grid:** An organized display of video games in a grid layout for easy browsing. Each cell in the grid represents a game with its corresponding thumbnail.\n\n- **Game Details:** Clicking on a game directs the user to a page with more detailed information about the game, including screenshots and gameplay videos.\n\n- **Genre List:** Users can explore games based on their favorite genres. The Genre List component presents a list of genres that users can choose from.\n\n- **Platform Selector:** Users can filter games based on the gaming platform of their choice. The Platform Selector allows users to choose a gaming platform to refine their search.\n\n- **Sort Selector:** Users can sort games based on different criteria such as popularity, release date, etc. using the Sort Selector.\n\n- **Search Input:** A powerful search feature that allows users to search for their favorite games directly.\n\n- **Color Mode Switch:** Users can switch between dark mode and light mode based on their preference.\n\n- **Responsive Design:** The application is built with a mobile-first approach and is responsive to different screen sizes.\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n- You have installed the latest version of npm and Node.js.\n- You have a Windows/Linux/Mac machine.\n\n### Installing\n\n1. Clone the repository\n```bash\ngit clone https://github.com/username/projectname.git\n```\n\n2. Move into the new project\n```bash\ncd projectname\n```\n\n3. Install the dependencies\n```bash\nnpm install\n```\n\n4. Start the development server\n```bash\nnpm start\n```\nOpen http://localhost:3000, or any link that shows up in the terminal, with your browser to see the result.\n\n## Tech Stack\n\n* React.js: Frontend web library\n* TypeScript: A superset of JavaScript adding static types and modern features\n* RAWG API: API service providing the game data\n* Chakra UI: UI library for designing the interface\n* react-router-dom: For routing and navigation in the app\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredayzarra%2Fgamehub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredayzarra%2Fgamehub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredayzarra%2Fgamehub/lists"}