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.
![Screen Shot 2023-07-04 at 19 14 22](https://private-user-images.githubusercontent.com/94213206/250898479-c3af6f73-8b67-4697-809e-efe3732a4158.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2NjgzMzcsIm5iZiI6MTcyNDY2ODAzNywicGF0aCI6Ii85NDIxMzIwNi8yNTA4OTg0NzktYzNhZjZmNzMtOGI2Ny00Njk3LTgwOWUtZWZlMzczMmE0MTU4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI2VDEwMjcxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdkNDlkODA1MmJlN2JhYjJjOGFlYmI1ZDhjNTAxMWIwMmI4MTU3ZTVlNzIyYzU2ZTc0OTk2ZmQ5NWNjMjBmMTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qjgt4gqaBwk5mvptl9bkZSF_3m-oLDrOW6Ae6JzAa_k)
To get started with GameHub, follow these steps:
- Clone this repository to your local machine.
- Run
npm install
to install the required dependencies. - Run
npm run dev
to start the web server.
GameHub was designed to help me practice and learn the skills necessary to become a proficient React developer. Here are some of the key features and concepts covered in this project:
- Building front-end apps with React and TypeScript.
- Creating reusable function components.
- Styling components using vanilla CSS, CSS modules, and CSS-in-JS.
- Managing component state.
- Building forms with React Hook Forms.
- Implementing form validation using Zod.
- Connecting React apps to the backend.
- Deploying React apps.
- Utilizing VSCode shortcuts to increase productivity.
- Writing clean code following best practices.
I hope this GameHub Project will find it valuable for my React development journey!