https://github.com/niteshpk/game-hub
GameHub is a video game discovery web app that helps you find new and interesting games to play. With GameHub, you can search for games by platform, genre, and more.
https://github.com/niteshpk/game-hub
axios chakra-ui css3 html5 javascript react react-icons react-infinite-scroll-component react-query reactjs typescript zustand
Last synced: 21 days ago
JSON representation
GameHub is a video game discovery web app that helps you find new and interesting games to play. With GameHub, you can search for games by platform, genre, and more.
- Host: GitHub
- URL: https://github.com/niteshpk/game-hub
- Owner: niteshpk
- Created: 2023-03-18T06:42:12.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-22T08:48:09.000Z (about 1 year ago)
- Last Synced: 2025-04-06T15:44:08.763Z (about 1 year ago)
- Topics: axios, chakra-ui, css3, html5, javascript, react, react-icons, react-infinite-scroll-component, react-query, reactjs, typescript, zustand
- Language: TypeScript
- Homepage: https://game-hub-niteshpk.vercel.app/
- Size: 54.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GameHub
GameHub is a video game discovery web app that allows users to find new and interesting games to play. With GameHub, you can search for games based on platform, genre, and more.
## Demo
Check out the live demo of GameHub: [https://game-hub-niteshpk.vercel.app/](https://game-hub-niteshpk.vercel.app/)
## Getting Started
To start using GameHub locally, follow these steps:
1. Clone this repository to your local machine.
2. Install the required dependencies by running `npm install`.
3. Start the web server with `npm run dev`.
## Learning Topics
Throughout this project, I have gained valuable knowledge and skills in various areas of React development. Here are some of the topics I've covered:
- Building front-end applications using React and TypeScript
- Creating reusable function components
- Styling components using different approaches such as vanilla CSS, CSS modules, and CSS-in-JS
- Managing component state effectively
- Constructing forms with React Hook Forms
- Implementing form validation using Zod
- Connecting React apps to backend services
- Deploying React applications
- Leveraging productivity-boosting VSCode shortcuts
- Writing clean and maintainable code
- Applying best practices in React development
I now have a solid understanding of React and TypeScript, equipped with the skills to develop real-world applications.