Welcome to Game Hub! 🎮 A modern, responsive web application built with TypeScript, designed to give users a comprehensive gaming experience. It pulls data from a robust API to showcase popular, upcoming, and new video games, similar to RAWG.
- 📊 Data Fetching & Caching: Powered by React Query, ensuring efficient and optimized API requests with automatic caching, background refetching, and stale data management.
- 💻 Responsive Design: Optimized for all devices, providing a seamless experience on desktop, tablet, and mobile.
- 🔎 Game Search: Search for your favorite games using the intuitive search bar.
- 📂 Game Categories: Browse games by different genres, platforms, and tags.
- 🏆 Game Details: View detailed information about individual games, including descriptions, ratings, and more.
- TypeScript: Strong typing for more reliable code and better developer experience.
- React: Component-based architecture for building the UI.
- React Query: Data fetching and state management for remote server state.
- CSS3: Responsive, mobile-first design for a sleek user experience.
- API Integration: Leveraging an external API for up-to-date game data.
To get a local copy up and running, follow these simple steps:
-
Clone the repo:
git clone https://github.com/Nizar7zak/gameHub.git
-
Navigate to the project directory: cd
-
Install dependencies: npm install
-
Run the development server: npm run dev
-
Open your browser and navigate to http://localhost:3000.
Contributions are welcome! Please open an issue or submit a pull request.
This project is licensed under the MIT License. Feel free to modify any sections to better fit your project's specifics! Let me know if you need any changes or additional sections.