Welcome to the GameSearch Engine repository.
- Fetches a diverse array of video games from an external API.
- Responsive grid layout for an optimal viewing experience on any device.
- Robust filtering options by Genre and Platform to help you find your perfect game.
- Versatile sorting capabilities by date, rating, name, and more.
- Intuitive search functionality by name or keywords for quick discoveries.
- Embrace the darkness with the Dark Mode switch.
Behind the scenes, I've implemented the Crop Image API to efficiently decrease the size of images fetched from the games API. This ensures faster loading times and a smoother overall performance, enhancing the user experience.
GSE.by.Walid.Chabani.mp4
- React 18 for a cutting-edge and dynamic user interface.
- TypeScript to bring type safety and maintainability to the codebase.
- Vite for a fast and efficient development environment.
- Chakra UI for a delightful and accessible component library.
- Axios for seamless API communication.
- Vercel for effortless deployment, ensuring your gaming experience is just a click away.
In project directory:
- create .env file and add your API key:
VITE_RAWG_API_KEY=''
VITE_RAWG_BASE_URL=''
- Run
npm install
npm run dev