Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ayusshrathore/game-hub
Game discovery platform using RAWG API
https://github.com/ayusshrathore/game-hub
chakra-ui frontend games react react-query react-router-dom routing state-management typescript zustand
Last synced: about 1 month ago
JSON representation
Game discovery platform using RAWG API
- Host: GitHub
- URL: https://github.com/ayusshrathore/game-hub
- Owner: ayusshrathore
- Created: 2023-04-18T17:53:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-09T03:20:43.000Z (about 1 year ago)
- Last Synced: 2024-04-18T06:07:08.742Z (8 months ago)
- Topics: chakra-ui, frontend, games, react, react-query, react-router-dom, routing, state-management, typescript, zustand
- Language: TypeScript
- Homepage: https://game-hub-staging.vercel.app
- Size: 264 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
GameHub
Welcome to the GameHub, a web application built using React, Chakra UI, React Query, Zustand, and the RAWG API. This platform allows users to explore and discover a wide range of video games, access detailed information about them, and stay up-to-date with the latest releases.
## Features
- **Explore a Vast Game Library**: The platform provides access to a vast collection of video games, including popular titles and hidden gems.
- **Search and Filter**: Easily search for specific games using the search bar, and apply filters to find games based on genres, platforms, release dates, and more.
- **Game Details**: Get detailed information about each game, including its description, release date, platforms, genres, ratings, and screenshots.
- **Responsive Design**: The platform is built with a mobile-first approach, ensuring an optimal user experience across various devices and screen sizes.
## Installation
To set up the GameHub locally, follow these steps:
1. Clone this repository to your local machine.
```bash
git clone https://github.com/ayusshrathore/game-hub.git
cd game-hub
```
2. Install the dependencies using npm or yarn.
```bash
npm install
# or
yarn install
```
3. Obtain an API key from the RAWG API website (https://rawg.io/apidocs) and add it to the environment variables.
```bash
cp .env.example .env
```
Edit the `.env` file and replace `VITE_RAWG_API_KEY` with your actual API key.
4. Start the development server.
```bash
npm start
# or
yarn start
```
The application will be accessible at `http://localhost:3000`.
## Contributing
We welcome contributions from the community to enhance this platform. To contribute, follow these steps:
1. Fork the repository and create a new branch.
2. Make your changes and test them thoroughly.
3. Commit your changes and push them to your forked repository.
4. Open a pull request, describing the changes you made and why they are valuable.
Please ensure your contributions adhere to the project's coding standards and follow the guidelines provided in the CONTRIBUTING.md file.
## Credits
This project was made possible by the following open-source technologies:
- [React](https://reactjs.org/)
- [Chakra UI](https://chakra-ui.com/)
- [React Query](https://react-query.tanstack.com/)
- [Zustand](https://zustand.surge.sh/)
- [RAWG API](https://rawg.io/apidocs)
## License
The Game Discovery Platform is open-source and licensed under the [MIT License](LICENSE.md).
---
Thank you for exploring the Game Discovery Platform! I hope you enjoy discovering and playing amazing video games through this platform. If you encounter any issues or have suggestions for improvement, feel free to open an issue or contribute to the project. Happy gaming! 🎮