FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
diegoivo
diegoivotodo-app-conversion
Public
Like
todo-app-conversion
Home
Code
5
backend
1
frontend
3
shared
1
README.md
S
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
1
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
…
README.md

Conversion Todo App

Uma aplicação de tarefas com tema da Conversion, construída com Hono no backend e React no frontend.

Estrutura do Projeto

├── backend/
│   └── index.ts             # Ponto de entrada principal com Hono
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Componente principal React
│   │   ├── LandingPage.tsx  # Página inicial
│   │   ├── LoginPage.tsx    # Página de login/cadastro
│   │   ├── TodoApp.tsx      # Aplicação de tarefas
│   │   └── TodoChat.tsx     # Chat com IA para tarefas
│   ├── index.html           # Template HTML principal
│   └── index.tsx            # Ponto de entrada do frontend
├── shared/
│   └── types.ts             # Tipos compartilhados
└── README.md

Funcionalidades

  • ✅ Página inicial (landing page) separada
  • ✅ Página de login/cadastro dedicada
  • ✅ Autenticação dupla:
    • LastLogin (Google OAuth)
    • Email/senha próprio
  • ✅ CRUD de tarefas
  • ✅ Seletor de data para tarefas (opcional)
  • ✅ Chat com IA integrado em cada tarefa
  • ✅ Assistente IA usando GPT-4o-mini
  • ✅ Armazenamento em Blob Storage
  • ✅ Interface em português brasileiro
  • ✅ Tema da Conversion

Recursos de IA

Cada tarefa possui seu próprio chat com IA que pode:

  • Dar dicas de produtividade
  • Quebrar tarefas complexas em subtarefas
  • Sugerir próximos passos
  • Ajudar com organização e priorização
  • Responder perguntas sobre a tarefa específica

Tecnologias

  • Backend: Hono
  • Frontend: React 18.2.0
  • IA: OpenAI GPT-4o-mini
  • Autenticação: LastLogin + Email/Senha
  • Armazenamento: Val Town Blob Storage
  • Estilo: TailwindCSS

Rotas

  • / - Página inicial (landing)
  • /login - Página de login/cadastro
  • /api/auth/signup - Cadastro com email/senha
  • /api/auth/login - Login com email/senha
  • /api/todos - CRUD de tarefas
  • /api/todos/:id/chat - Chat com IA sobre tarefa específica
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.