Gesture Garage is a full-stack web application that allows home and professional mechanics to follow vehicle maintenance guides hands-free using gesture recognition. The app is designed for both desktop and mobile, enabling intuitive navigation through repair steps using a webcam and Mediapipe.
This project addresses the challenge of interacting with repair guides in environments where users may have greasy, dirty, or full hands. By using hand gestures to navigate guide steps, users can keep their focus on the task without needing to touch a screen or device.
- @Cameron Bentz
- @Tyler Gibbard
- @Joey Henry
- @Ashton Herrick
- @Alex Hunt
- @Brianna Mosholder
- @Zachary Smith
Frontend
- React.js (with Vite)
- Tailwind CSS, PostCSS, Autoprefixer
- Framer Motion
- ESLint
Backend
- Node.js with Express
- PostgreSQL (hosted on Supabase)
- JWT for authentication
- bcryptjs for password hashing
- dotenv for environment variables
Deployment
- Render Static Site (for frontend)
- Render Web Service (for backend)
- Supabase for database and media storage
- Gesture-based UI navigation using Mediapipe
- User authentication (login, register, password reset)
- Responsive UI for desktop and mobile
- Categorized maintenance guides
- Secure user management and image support
- Real-time webcam gesture input
- Frontend deployed on Render as a static site
- Backend deployed on Render as a web service
- Supabase handles the PostgreSQL database and object storage
Developed as a senior capstone project at the University of Michigan - Flint.
For questions, contact: cameron.j.bentz@gmail.com