MediaPipe Examples

A collection of real-time computer vision examples using Google MediaPipe and React.

🚀 Features

• Object Detection: Detect and track objects in real-time.
• Image Classification: Classify images using EfficientNet.
• Hand Gesture Recognition: Recognize hand gestures with skeleton visualization.
• Face Landmark Detection: Detect 468 facial landmarks.

📸 Screenshots

🛠️ Tech Stack

Frontend

• React: Component based UI library.
• TailwindCSS: Utility-first CSS styling.
• Vite: Next Generation Frontend Tooling.
• MediaPipe: Cross-platform ML solutions.

📋 Prerequisites

Before installation, ensure you have the following:

• Node.js
• npm

🔧 Installation

1. Clone the repository

   git clone <repository-url>
   cd mediapipe-examples

2. Install Dependencies

   npm install

🚀 Running the App

Start Development Server

npm run dev

Accessible at http://localhost:5173