Gust4voSales / loop-pedal-online

Loop Pedal website simulator with intuitive control through facial expressions.

Loop Pedal website simulator with intuitive control through facial expressions.

👉Check it out: https://loop-pedal-online.vercel.app/

👉DEVLOG: https://youtu.be/2r3kzW5Bq9o

📜 About

A Loop Pedal simulator with intuitive control through facial expressions captured by webcam. A loop pedal allows you to record sounds and it plays them in loops on top of each other, the problema is, a website to simulate a loop pedal controlled by clicks wouldn't be very pratical (since the hands are generally busy playing 😅), so I had to rethink the control strategy, and decided to go with facial recognition.

💻 Techs

• Typescript — A strongly typed programming language that builds on JavaScript
• NextJS — React's framework
• zustand — A small, fast and scalable bearbones state-management solution using simplified flux principles
• face-api — JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API
• tailwindcss — Utility-first CSS framework
• daisyUI — The most popular component library for Tailwind CSS

🛠 Getting started

1. Clone this repo running on your terminal git clone https://github.com/Gust4voSales/loop-pedal-online.git
2. Inside the project folder run yarn to install all dependencies
3. Then run yarn dev to run in development mode