Interface React para gerenciar projetos e monitorar rankings de palavras-chave.

• index.html - Template HTML principal
• index.tsx - Entry point React
• components/ - Componentes React organizados

• App.tsx - Componente raiz, gerencia autenticação
• AuthForm.tsx - Formulário de login/registro
• Dashboard.tsx - Layout principal após login
• ProjectList.tsx - Lista e criação de projetos
• ProjectView.tsx - Visualização detalhada de um projeto

• Registro de nova conta
• Login com email/senha
• Persistência de token no localStorage
• Logout

• Criar projeto com nome e domínio
• Listar projetos com estatísticas
• Deletar projetos
• Validação de limites por plano

• Adicionar palavras-chave a um projeto
• Visualizar posição atual e histórico
• Deletar palavras-chave
• Indicadores visuais de performance

• React 18 com TypeScript
• TailwindCSS para estilização
• Fetch API para comunicação com backend
• JWT para autenticação

Todos os componentes incluem estados de loading apropriados e tratamento de erros para melhor UX.