Uma ferramenta profissional de brainstorming que utiliza a metodologia "How Might We" combinada com Inteligência Artificial para transformar desafios em oportunidades.
- Metodologia How Might We: Framework comprovado usado pelas empresas mais inovadoras
- IA Avançada: Integração com Gemini 2.5 Flash Preview para gerar insights únicos
- Interface Intuitiva: Design limpo e profissional seguindo a identidade visual da Conversion
- Autenticação Completa: Login com Google OAuth e email/senha
- Histórico de Sessões: Salve e acesse suas sessões anteriores
- Exportação: Exporte resultados em PDF (em desenvolvimento)
- Backend: Hono framework
- Frontend: HTML/CSS/JavaScript com TailwindCSS
- Database: SQLite
- IA: Google Gemini 2.5 Flash Preview
- Autenticação: Google OAuth + sessões customizadas
├── backend/
│ └── index.ts # API principal com Hono
├── frontend/
│ ├── index.html # Landing page
│ ├── signup.html # Página de cadastro
│ └── app.html # Interface do chat
└── README.md
GEMINI_API_KEY=sua_chave_do_gemini GOOGLE_CLIENT_ID=seu_google_client_id GOOGLE_CLIENT_SECRET=seu_google_client_secret
-
Gemini API Key:
- Acesse Google AI Studio
- Crie uma nova API key
- Copie a chave gerada
-
Google OAuth:
- Acesse Google Cloud Console
- Crie um novo projeto ou selecione um existente
- Ative a Google+ API
- Crie credenciais OAuth 2.0
- Configure as URLs de redirecionamento
- Apresenta a ferramenta e seus benefícios
- Call-to-action para cadastro
- Design responsivo com identidade Conversion
- Formulário completo de lead capture
- Integração com Google OAuth
- Validação de campos obrigatórios
- Chat interativo com IA
- Geração automática de perguntas "How Might We"
- Histórico de sessões
- Categorização de perguntas por temas
A ferramenta implementa o framework "How Might We" seguindo estas etapas:
- Análise do Desafio: A IA analisa o problema apresentado
- Geração de Perguntas: Cria 5-7 perguntas estratégicas
- Categorização: Organiza por temas (Tecnologia, Pessoas, Processos, etc.)
- Exploração: Sugere direções para cada pergunta
- Desenvolvimento: Facilita o diálogo para gerar soluções
- Informações completas do usuário
- Dados de empresa e cargo
- Intenção de contratação de SEO
- Sessões de brainstorming
- Desafio inicial
- Status da sessão
- Histórico de conversas
- Mensagens do usuário e IA
- Timestamp de criação
- Perguntas "How Might We" geradas
- Categorização automática
- Vinculação com sessões
- Primary Blue: #2563EB (Conversion)
- Backgrounds: Tons de cinza e branco
- Accents: Gradientes sutis em azul
- Font: Inter (Google Fonts)
- Weights: 300, 400, 500, 600, 700
- Cards: Border radius 8px, sombras sutis
- Buttons: Transições suaves, hover effects
- Forms: Validação visual, estados de foco
- Autenticação: Tokens de sessão seguros
- Validação: Sanitização de inputs
- CORS: Configuração automática do Val Town
- Environment: Variáveis sensíveis protegidas
- Mobile First: Design otimizado para dispositivos móveis
- Breakpoints: Adaptação para tablet e desktop
- Sidebar: Colapsível em telas menores
- Touch: Interfaces otimizadas para toque
O projeto está configurado para deploy automático no Val Town:
- Configure as variáveis de ambiente
- O backend será executado automaticamente
- As páginas frontend são servidas estaticamente
- O banco SQLite é inicializado na primeira execução
- Problema: Link "Já tem uma conta? Faça login" recarregava a página em vez de abrir o modal
- Solução: Adicionado
return false;no onclick para prevenir o comportamento padrão do link - Status: Corrigido ✅
- Exportação em PDF
- Compartilhamento de sessões
- Templates de desafios
- Análise de sentimentos
- Integração com ferramentas de produtividade
- Dashboard de métricas
- Modo colaborativo em tempo real
Este projeto segue os padrões de desenvolvimento da Conversion:
- Código limpo e documentado
- Testes unitários (em desenvolvimento)
- Padrões de commit semântico
- Review de código obrigatório
Para dúvidas ou suporte:
- Email: suporte@conversion.com.br
- Website: https://conversion.com.br
Desenvolvido com ❤️ pela equipe Conversion