After an exhausting day of 3 final exams in 1 day, I decided to embark on an exciting project instead of resting. Inspired by the Infinity Gauntlet from Avengers: Endgame, I created a hand pose recognition model using TensorFlow.js and React.js. This project combines the power of deep learning with the magic of the Marvel Cinematic Universe!
Key Features:
- Real-time hand pose detection using your webcam
- 3D mesh creation of your hand
- Infinity Stone effects based on hand gestures
-
Clone the repository:
git clone https://github.com/azaynul10/infinity-stone-gauntlet.git cd infinity-stone-gauntlet -
Install dependencies:
npm install -
Start the development server:
npm start -
Open
http://localhost:3000in your browser and start wielding the power of the Infinity Stones!
Note: Make sure to install React.js files before contributing to this repository. Node modules and Vercel files are locked for security reasons.
- TensorFlow.js
- React.js
- HTML5 Canvas
- React Webcam
Contributions are welcome! Before you start, please make sure to:
- Fork the repository
- Create a new branch for your feature
- Make your changes
- Submit a pull request
Important: Ensure you have React.js installed before contributing.
This project is deployed on Vercel. You can view the live demo here.
This project was inspired by:
- The Infinity Gauntlet from Avengers: Endgame
- Nicholas Renotte's tutorial on hand pose estimation
- GitHub Copilot's new advancements
I completed this project in just 50 minutes after coming home from my final exams and hitting the gym. Who says you can't save the universe and ace your finals at the same time?
This project is licensed under the MIT License.
Remember: With great power comes great responsibility. Use this Infinity Gauntlet wisely! 😉