Hackathon CodeCon 2025
Via Magalu Cloud: https://planttalk.minetest.land
Via Vercel: https://planttalk-two.vercel.app
Trello - Kanban: https://trello.com/invite/b/6828a0fcd1782d1f53350747/ATTI635ee413c6bb4b6b4990d7657bd645faE1D98E80/hackathon-codecon-2025-🌱
Jardineiras de Bits
- Myriam Gantner
- Monica Hillman
- Diana Saramago
- Ana Luiza Dias da Rocha
- Maria Eduarda Gomes e Silva
PlantTalk é um sistema de comunicação entre plantas com tradução para o português.
Posicione duas plantas diante da câmera, o sistema:
- Reconhece as espécies
- Capta a “conversa” entre elas em linguagem vegetal
- Permite traduzir as falas para o português via OpenAI
Tudo de forma puramente frontend, divertida e “inútil” — ideal para o Hackathon!
- Acesso à webcam
- Captura vídeo ao vivo das plantas (
getUserMedia)
- Reconhecimento de plantas
- Plant.id API (Documentação)
- Divisão de imagem
- Divide o frame em duas metades (cada planta)
- Geração de “linguagem vegetal”
- Função JS que monta strings aleatórias por tipo de planta
- Interface de chat
- React + Vite + TailwindCSS
- Voz das plantas
- Web Speech API (
speechSynthesis)
- Tradução para português
- OpenAI API para traduzir mensagens vegetais
- Frontend: React + Vite (SPA)
- Estilização: TailwindCSS
- Roteamento: React Router (páginas:
/→ captura;/chat→ bate-papo;/erro→ falha) - APIs externas:
- Plant.id (reconhecimento de plantas)
- OpenAI (tradução)
-
Clone este repositório:
git clone https://github.com/MGJamJam/HackathonCodeCon2025.git -
Crie um arquivo .env na raiz com as chaves:
VITE_PLANT_ID_API_KEY=SEU_PLANT_ID_API_KEYVITE_OPENAI_API_KEY=SEU_OPENAI_API_KEY
-
Instale dependências:
npm install -
Inicie o servidor de desenvolvimento:
npm run dev -
Abra no navegador:
http://localhost:5173
- rodar os tests:
npm run test - formatar:
npm run format