This project is a responsive gaming web application built using React with TypeScript. It utilizes Chakra UI for styling, React Router for navigation, React Query for fetching and caching HTTP request data, and Zustand for global state management.
Check out the live demo of the application 👉 Here 👈
- Responsive Design: Adapts to various screen sizes for optimal user experience.
- Platform Filtering: Allows users to filter games based on platforms.
- Genre Filtering: Enables users to filter games by genre.
- Sorting and Ordering: Users can sort games based on different criteria.
- Search Functionality: Provides a search feature to find specific games.
- Infinite Scrolling: Loads games dynamically as the user scrolls down.
- Data Fetching and Caching: Efficiently fetches and caches data using React Query.
- Global State Management: Manages global state using Zustand.
- Video and Image Handling: Caches and displays game-related media content.
- React: A JavaScript library for building user interfaces.
- TypeScript: A typed superset of JavaScript that adds static types.
- Chakra UI: A simple, modular, and accessible component library.
- React Router: A library for routing in React applications.
- React Query: Data fetching library that simplifies fetching, caching, synchronizing, and updating server state.
- Zustand: A small, fast, and scalable bearbones state-management solution.