https://github.com/atharvamulgund/ai-playground
A web app demonstrating real-time emotion detection and doodle classification using React and TensorFlow.js. Explore machine learning models directly in the browser with no backend required.
https://github.com/atharvamulgund/ai-playground
machine-learning ml reactjs tensorflow tensorflow-tutorials
Last synced: 2 months ago
JSON representation
A web app demonstrating real-time emotion detection and doodle classification using React and TensorFlow.js. Explore machine learning models directly in the browser with no backend required.
- Host: GitHub
- URL: https://github.com/atharvamulgund/ai-playground
- Owner: atharvamulgund
- Created: 2025-04-25T19:14:47.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-05T16:00:47.000Z (about 1 year ago)
- Last Synced: 2025-05-05T17:31:50.016Z (about 1 year ago)
- Topics: machine-learning, ml, reactjs, tensorflow, tensorflow-tutorials
- Language: JavaScript
- Homepage: http://ai-playground-rm.web.app/
- Size: 69.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI Playground - React + TensorFlow\.js
Welcome to the **AI Playground** repository! This project demonstrates how to use **React** with **TensorFlow\.js** for real-time emotion detection and doodle recognition. Both of these are implemented using machine learning models running directly in the browser.
## 🚀 Project Overview
This repository contains two main projects:
1. **Emotion Detection**: A real-time emotion detection tool that uses TensorFlow\.js to classify emotions based on user input via webcam.
2. **Doodle Classifier (Air Draw)**: A tool that recognizes and classifies doodles drawn by users in the browser.
## 🖼️ Screenshots
You can find the live demo here: [**Live Demo**](https://ai-playground-rm.web.app/)
## 🛠️ Installation and Setup
### Prerequisites
Before starting, ensure that you have **Node.js** and **npm** installed. You can download and install them from [Node.js](https://nodejs.org/).
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/atharvamulgund/ai-playground.git
cd ai-playground
```
2. **Install the dependencies:**
```bash
npm install
```
3. **Run the application locally:**
```bash
npm start
```
This will start the development server and open the app in your browser (usually at `http://localhost:3000`).
### 🌐 Deploying
For deploying to a hosting service like Firebase or Netlify, follow the instructions in the respective deployment guides:
* **Firebase Hosting**: [Firebase Hosting Docs](https://firebase.google.com/docs/hosting)
* **Netlify**: [Netlify Docs](https://docs.netlify.com/)
## 🔧 Features
* **Real-time Emotion Detection**: Using TensorFlow\.js, this feature captures emotions in real-time via webcam.
* **Doodle Classification (Air Draw)**: This feature allows users to draw simple doodles, which are classified by a TensorFlow\.js model.
### 💬 Contribution
Feel free to fork the repository, create a pull request with any improvements or fixes, and share your feedback!