https://github.com/gust4vosales/loop-pedal-online
Loop Pedal website simulator with intuitive control through facial expressions.
https://github.com/gust4vosales/loop-pedal-online
daisyui face-api face-recognition nextjs react tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Loop Pedal website simulator with intuitive control through facial expressions.
- Host: GitHub
- URL: https://github.com/gust4vosales/loop-pedal-online
- Owner: Gust4voSales
- Created: 2023-04-15T15:18:28.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-10T14:43:09.000Z (almost 3 years ago)
- Last Synced: 2025-01-26T19:11:17.678Z (over 1 year ago)
- Topics: daisyui, face-api, face-recognition, nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://loop-pedal-online.vercel.app
- Size: 4.49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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