A fun memory card game built with React and inspired by Gravity Falls.
Check out the live version deployed on GitHub Pages here.
Memory Card is a Gravity-Falls-themed memory card game that aims to bring the experience of playing memory card games to the browser.
The game offers an eye-catching, modern game interface that makes the game more fun and entertaining. It relies on React Motion to create captivating flipping and tilting animations.
To manage its remote data and state, the game uses TanStack Query to ensure reliable fetching and caching. The game depends on Disney API to retrieve characters' images.
- ✅ A full-fledged memory card game, inspired by Gravity Falls.
- ✅ Built with React, Vite, Tailwindd CSS.
- ✅ Caching and server state management with Tanstack Query.
- ✅ Captivating animations using Framer Motion.
- ✅ Uses Disney API for characters' images.
- Clone the repository:
git clone https://github.com/ahmadnourallah/memory-card- Install dependencies:
npm installYou can fire up the development server using:
npm run devBuilding the application can be done by running:
npm run buildYou can preview the production build through:
npm run previewSince it works on the client entirely, you can host Memory Card using a static hosting service, such as GitHub Pages or Vercel. Check out this workflow to get an idea about how to deploy the project to GitHub Pages through Actions.
The system is built with the latest technologies:
- JavaScript
- React
- Vite
- TanStack Query
- Motion
- Tailwind CSS
This project is licensed under the GNU GPLv3 License - see the LICENSE.md file for details.