Migração de App React para Estrutura Saas (Supabase + Vercel)

Já possuo um aplicativo funcional para criação de diagramas de acordes de guitarra. Atualmente ele está em um único arquivo HTML com React via CDN/Babel e integrado ao WordPress (protótipo funcional).

O objetivo desta fase é organizar o projeto em uma estrutura moderna e preparada para evolução como SaaS.

⚠️ O frontend já está funcional. O foco NÃO é criar novas funcionalidades, mas estruturar corretamente a aplicação.

ESCOPO

Migração

* Migrar o app para React + Vite (ou equivalente)
* Remover dependências CDN (React, Babel e Tailwind)
* Organizar o projeto para ambiente de produção

Organização do código

* Separar componentes em arquivos
* Estruturar pastas (`components`, `hooks`, `services`, etc.)
* Separar lógica da interface
* Evitar código duplicado

Integração com Supabase

Implementar:

* autenticação
* persistência de dados
* sessão do usuário

Sistema de login

* cadastro
* login/logout
* persistência de sessão
* proteção básica de rotas

Sistema de projetos (CRUD básico)

* criar projeto
* salvar projeto
* listar projetos do usuário
* carregar projeto

Observações:

* os dados podem ser armazenados em JSON
* substituir persistência atual via localStorage
* cada projeto deve estar vinculado ao usuário autenticado

Segurança

Garantir que cada usuário acesse apenas seus próprios projetos (RLS ou equivalente).

GitHub + Deploy

* criar repositório GitHub (na minha conta)
* realizar deploy na Vercel
* incluir README básico

Fora do escopo

Não incluir:

* Stripe/pagamentos
* planos ou assinaturas
* trial/limites
* novas funcionalidades

Observação

O projeto continuará em próximas fases (assinaturas, pagamentos e expansão do SaaS). Busco alguém que pense em uma estrutura organizada e fácil de evoluir.