diegoivo

diegoivo

testRankTracker

Public

Val Town is a collaborative website to build and scale JavaScript apps.

Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

/

/

Frontend - Monitor de Palavras-chave

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

Estrutura

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

Componentes

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

Funcionalidades

Autenticação

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

Gestão de Projetos

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

Gestão de Palavras-chave

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

Tecnologias

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

Estados de Loading

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