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.
- Display a list of games with key information: title, score, rating, and platform. This feature provides users with an overview of the available games in your application.
- Allow users to search for games by name. A search functionality enhances user experience by helping them quickly find specific games they are interested in.
- Enable users to filter games based on genre and platform. Filtering helps users narrow down their choices and discover games that match their preferences.
- Provide sorting options for games. Users can sort games by categories such as name, relevance, and date added. Sorting enhances the usability of your application by allowing users to organize the game list to their liking.
- Implement both dark and light modes for your application's user interface. This feature enhances accessibility and user comfort by providing different visual styles to suit user preferences.
- Implement user-friendly interactions for accessing game details, reviews, and additional information about each game. Consider adding features like favoriting games or leaving reviews if applicable.
- Ensure your application is responsive and works well on various screen sizes and devices, providing a consistent and enjoyable experience for users.
The GameHub application utilizes a variety of technologies and frameworks, including:
- TypeScript: A statically-typed superset of JavaScript that enhances code quality and scalability.
- React.js: A powerful JavaScript library for creating user interfaces and building reusable UI components.
- Vite: Vite is the build tool and development server used in this project. It offers fast build times and a smooth development experience.
- Axios: Axios is a popular JavaScript library for making HTTP requests. It is used to handle API requests and manage data retrieval and submission. Axios provides a simple and consistent API for handling asynchronous operations.
- Chakra UI: Chakra UI is a set of accessible and customizable UI components for React. It is used in this project to create a visually appealing and responsive user interface. Chakra UI simplifies the process of building beautiful and functional web applications.
To run the GameHub application locally, follow these steps:
- Clone the repository:
git clone https://github.com/zahrabayatt/game-hub.git - Navigate to the project directory:
cd game-hub - Install dependencies:
pnpm install - Start the development server:
pnpm run dev - Access the application in your web browser at
http://localhost:3000
Contributions to this repository are welcome. If you want to contribute, please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature/bug fix:
git checkout -b my-feature - Commit your changes:
git commit -am 'Add new feature' - Push to the branch:
git push origin my-feature - Submit a pull request detailing your changes.
The GameHub application is open source and released under the MIT License.
Feel free to use, modify, and distribute the code for personal and commercial purposes.
This application was developed as a personal project by zahrabayatt.
If you have any questions or suggestions regarding the GameHub, please feel free to open an issue in the repository.