GameHub is a React web application built with Vite and TypeScript. It provides a platform for discovering and exploring games across various platforms. The application utilizes Chakra UI for design, Axios for API requests, and relies on the RAWG.io API for game data.
- Browse games across different genres and platforms.
- View detailed descriptions and information about individual games.
- Search for specific games.
To get started with GameHub, follow these steps:
- Clone the repository:
git clone https://github.com/HoussamMrabet/game-hub.git- Navigate to the project directory:
cd game-hub- Install the dependencies:
npm install- Create a
.envfile in the root directory and provide your RAWG.io API key. You can obtain an API key by signing up at RAWG.io.
VITE_REACT_API_KEY=your-api-key
Once you have installed the dependencies and provided the API key, you can start the development server:
npm run devThis command will launch the application in development mode, and the server will be accessible at your localhost.
GameHub utilizes the following major dependencies:
- React: JavaScript library for building user interfaces.
- Vite: Next-generation frontend build tooling.
- TypeScript: Typed superset of JavaScript.
- Chakra UI: Modular component library for React.
- Axios: Promise-based HTTP client for making API requests.
For the complete list of dependencies, please refer to the package.json file.
Contributions to GameHub are welcome! If you find any bugs, issues, or have suggestions for improvements, please open an issue or submit a pull request.
When contributing, please adhere to the existing code style and follow the established patterns and conventions.
GameHub is open source and distributed under the MIT License.
- RAWG.io for providing the game data API.
- Vite for the efficient build tooling.
- Chakra UI for the sleek and accessible component library.
- Axios for simplified HTTP requests.
For any inquiries or feedback, please contact houssammrabet5@gmail.com.