This project is a game search and filter application that allows users to explore and filter games based on various criteria. Built using React, TypeScript, and Vite, this application mimics the functionality of the RAWG.io website, providing a user-friendly interface to search for games, filter by genre and platform, and sort results.
- Search Games: Allows users to search for games by name or terms.
- Filter by Genre: Users can filter the games displayed by genre.
- Filter by Platform: Users can filter the games displayed based on the platforms they are available on.
- Sort Games: Options to sort games by criteria such as name, popularity, ratings, etc.
- Responsive Design: The application is designed to be responsive and accessible on different sized devices.
Frontend
- TypeScript: For better development experience
- React: Building the user interface
- Vite: For an efficient development environment
- Chakra UI: For styling and user interface components
git clone 'https://github.com/your-username/game-hub.git'
cd game-hub
npm install
- Create a
.env
file in the root of the project and add your API key for RAWG.io
VITE_API_KEY=your_rawg_api_key
npm run dev
- Platform Filter: Some platform filters may not work as expected for PlayStation and iOS.
- When filtering games by PlayStation platform, no games are displayed on the page.
- When filtering games by iOS, games that are not available on iOS are still displayed.
- Improve the filter functionality
- Add more sorting and filtering options
- Enhance UI/UX for better user experience