Joker is a video game discovery app that allows users to explore a vast collection of video games using data from the RAWG API. This application is built with React, TypeScript, and Chakra UI to provide a modern, responsive, and interactive user experience.
- Discover Popular Games: Explore a vast number of games.
- Search for Games: Search for any video game using genres.
- Search for Games: Search for any video game using titles platforms and more.
- Infinite Scroll: Optimize user experience by adding infinite scroll.
- Responsive Design: Optimized for all screen sizes with Chakra UI's responsive components.
- Dark/Light Mode: Switch between dark and light modes for a personalized browsing experience.
- React: A JavaScript library for building user interfaces.
- TypeScript: A strongly typed programming language that builds on JavaScript.
- Chakra UI: A simple, modular, and accessible component library for React applications.
- RAWG API: A powerful API that provides detailed video game information.
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/dan-kingo/joker.git
-
Navigate to the project directory:
cd joker -
Install dependencies:
npm install
You can obtain your API KEY at RAWG
-
To start the development server using Vite.
npm run build
This will run the app in development mode. Open http://localhost:5173 to view it in the browser.
-
Build For Production.
npm run build
- The app fetches data from the RAWG API to display games.
- The app is styled using Chakra UI and is responsive to ensure it works on all devices.
- Dark mode and light mode are implemented for a personalized browsing experience.
- Detailed Game Information: View detailed game descriptions, release dates, genres, ratings, and more.
- Data Provided by RAWG
- Built With React, Chakra UI, TypeScript
- Powered By Vite