Welcome to the Video Game Discovery Web App! This project is a web application inspired by Rawg, designed to help users discover new and exciting video games. With a sleek and intuitive interface, powerful features, and seamless navigation, this app aims to provide an immersive gaming experience.
- Game Search: Easily search for your favorite games using keywords and get instant results.
- Game Details: Dive deep into the details of each game, including ratings, descriptions, genres, and screenshots.
- Infinite Scroll: Enjoy endless browsing with the implementation of infinite scroll, loading more games as you scroll down.
- Dark Mode: Personalize your experience with a stylish and eye-friendly dark mode.
- Responsive Design: The app is fully responsive, ensuring a seamless experience across various devices and screen sizes.
- TypeScript: Leveraged the benefits of TypeScript for improved code quality, scalability, and maintainability.
- Chakra UI: Built the user interface using Chakra UI, providing a library of customizable components for a visually appealing and consistent design.
- React Query: Implemented React Query for efficient data fetching and caching, enhancing performance and reducing API calls.
- Axios: Utilized Axios as the HTTP client for seamless communication with the backend API.
- React Router DOM: Implemented dynamic routing with React Router DOM to enable smooth navigation within the app.
- Zustand: Managed the global state of the application using Zustand, a lightweight state management solution.
- Infinite Scroll: Implemented infinite scroll functionality to provide an uninterrupted browsing experience.
- Dark Mode: Implemented a dark mode feature using CSS and Chakra UI to enhance visual appeal and user experience.
- Clone the repository:
git clone https://github.com/anjankarmakar10/leetgame-typescript.git - Navigate to the project directory:
cd leetgame-typescript - Install dependencies:
npm install - Start the development server:
npm start
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name - Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature/your-feature-name - Open a pull request.
Please ensure that your code adheres to the established coding conventions and follows React best practices.
This project is licensed under the MIT License.
For any inquiries or questions, please feel free to reach out to me via email or LinkedIn.
Thank you for your interest in this project!