GameHub

GameHub is an information website that covers a wide range of games across various platforms. It provides users with a comprehensive database of games, allowing them to explore details about different games and watch their trailers. The project is built using React, incorporating several key features to enhance the user experience. It is inspired from rawg.io website, which has reach set of features. Features: Infinite Scrolling: The website implements infinite scrolling, allowing users to seamlessly browse through a large collection of games without the need for manual pagination. As the user scrolls down, new game entries are dynamically loaded, providing a smooth and uninterrupted browsing experience. Filtering: GameHub offers robust filtering capabilities, enabling users to narrow down their search based on specific criteria such as genre, platform, release date, or popularity. This feature helps users find games that align with their preferences and interests more efficiently. Routing: The project utilizes React Router to implement client-side routing. This enables users to navigate through different sections of the website seamlessly, ensuring a fast and responsive browsing experience. Users can access specific game details pages, search results, and other relevant sections without page reloads. State Management: To efficiently manage the application's state, the project employs state management libraries such as Zustand an alternative to Redux. This allows for centralized state management, making it easier to handle data fetching, filtering, and maintaining the application's overall state consistency. With these features in place, GameHub provides an immersive and user-friendly platform for game enthusiasts to discover, explore, and gather information about various games across different platforms. It aims to enhance the gaming experience by offering a centralized hub for game-related details and trailers.

Demo

Here is a working live demo : https://game-hub-delta-rust.vercel.app/

Trailers and Screen Shots:

Landing Page

Sorting:

Platform Filtering:

Built With:

• React
• Chakra-UI
• Framer-Motion
• TanStack Query
• AXIOS
• Zustand