GameHub

Overview

GameHub is a sleek and modern game discovery platform where users can search for games, filter them by genre and platform, and sort the results to find their next favorite game. Users can also explore detailed information about each game, including descriptions, attributes, screenshots, and trailers.

Features

• Game Search: Search for games using text queries.
• Filters: Filter games by genre and platform.
• Sorting: Sort game results by various criteria.
• Game Details: Click on a game to view detailed information, including a description, attributes, screenshots, and trailers.

Technologies Used

• Vite: Fast and optimized build tool for modern web projects.
• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that scales.
• Chakra UI: A simple, modular, and accessible component library that gives you the building blocks to build React applications.
• React Query: Powerful data synchronization for React.
• Zustand: A small, fast, and scalable state-management solution.
• React Router: Declarative routing for React applications.
• RAWG.io API: The largest open video game database and game discovery service.

Getting Started

To get started with GameHub, follow these steps:

1. Clone this repository to your local machine.
2. Run npm install to install the required dependencies.
3. Get a RAWG API key at https://rawg.io/apidocs. You'll have to create an account first.
4. Add the API key to src/services/api-client.ts
5. Run npm run dev to start the web server.

Contributing

If you'd like to contribute to GameHub, please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature-branch-name
3. Make your changes and commit them: git commit -m 'Add some feature'
4. Push to the branch: git push origin feature-branch-name
5. Open a pull request.

Contributions are welcome!

Acknowledgements

• Thanks to the developers of the libraries and tools that made this project possible.
• Special thanks to RAWG.io for providing the API used in this project.

Contact

For any questions or suggestions, feel free to open an issue or contact me through the repository.