https://github.com/larissabenedet/draw-and-react

Draw & React is a fun web app that uses a model trained with Google's Teachable Machine and TensorFlow.js to detect shapes drawn by the user using their webcam.
https://github.com/larissabenedet/draw-and-react

ia image-recognition machine-learning react tensorflowjs typescript vitejs

Last synced: 15 days ago
JSON representation

Draw & React is a fun web app that uses a model trained with Google's Teachable Machine and TensorFlow.js to detect shapes drawn by the user using their webcam.

• Host: GitHub
• URL: https://github.com/larissabenedet/draw-and-react
• Owner: larissabenedet
• Created: 2024-12-29T02:49:54.000Z (29 days ago)
• Default Branch: main
• Last Pushed: 2025-01-12T12:29:38.000Z (15 days ago)
• Last Synced: 2025-01-12T13:33:02.059Z (15 days ago)
• Topics: ia, image-recognition, machine-learning, react, tensorflowjs, typescript, vitejs
• Language: TypeScript
• Homepage: https://draw-and-react.vercel.app
• Size: 6.63 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Draw & React

## Menu

- [English](#english) 🇺🇸

- [Português](#português) 🇧🇷

---

## English

**Draw & React** is a fun web app that uses a model trained with Google's Teachable Machine and TensorFlow.js to detect shapes drawn by the user using their webcam. The user must draw one of the following shapes in a notebook: triangle, heart, circle, or star. Once the shape is drawn clearly, the website will guess which shape it is, providing a fun and interactive experience.

### [Visit the live demo here!](https://draw-and-react.vercel.app)

### How to Run the Project

```bash

# Clone the project to your local machine

git clone https://github.com/larissabenedet/draw-and-react.git

# Install dependencies

yarn

# Run the project

yarn dev

```

---

## Português

**Draw & React** é um site interativo e divertido que utiliza um modelo treinado com o Teachable Machine da Google e a biblioteca TensorFlow.js para detectar formas desenhadas pelo usuário usando sua webcam. O usuário deve desenhar uma das seguintes formas em um caderno: triângulo, coração, círculo ou estrela. Quando a forma é desenhada claramente, o site adivinha qual foi a forma desenhada, proporcionando uma experiência divertida e interativa.

### [Teste a versão ao vivo aqui!](https://draw-and-react.vercel.app)

### How to Run the Project

```bash

# Clone o projeto para sua máquina local

git clone https://github.com/larissabenedet/draw-and-react.git

# Instale as dependências

yarn

# Execute o projeto

yarn dev

```