A fun and interactive memory card game featuring U.S. presidents as Pixar characters. The avatars were created by Dan Szymborski using AI. In this tweet, Dan provided information about how the avatars were made.
Built with: React Starter • Vite • JavaScript • React • React Router • Jotai • TailwindCSS • DaisyUI
This game challenges players to match cards featuring funny U.S. Presidents avatars. Players flip over two cards at a time, trying to find matching pairs. The game continues until all pairs are found.
Try it → https://presidents.fm-anderson.com/
- Three difficulty levels: easy, medium, and hard.
- Cards feature U.S. Presidents as Pixar characters.
- President details are shown after each match.
- Interactive card flipping animation.
- Clone this repository to your local machine.
git clone https://github.com/fm-anderson/memory-game
- Navigate to the project directory.
cd memory-game
- Install the required dependencies.
npm install
- Start the development server.
npm run dev
- The game should now be running on
http://localhost:5173
.
Library | GitHub |
---|---|
react-router | https://reactrouter.com/ |
jotai | https://jotai.org/ |
tailwindcss | https://tailwindcss.com/ |
daisyui | https://daisyui.com/ |
If you find a bug, you can either fork the repository and submit a pull request with the fixed code or create a new issue here.
If you want to contribute by adding new features, fork the repository and submit a pull requet here. For major code changes, start a conversation here.