Sistema interno para controle de projetos, financeiro e colaboradores, com autenticação e permissões via Supabase.
Versão atual: v1.3
Última atualização: 03/01/2026
- Front-end: React + TypeScript + Vite + Tailwind
- Rotas: React Router
- Backend (BaaS): Supabase (Auth + Postgres + RLS)
app/: aplicação web (UI)supabase/: SQL do banco (schema + RLS) e seeds/exemplosdocs/: documentação do projeto (ex.: escopo, próximas fases)
- Node.js (recomendado 18+)
- pnpm (padrão do projeto)
Siga o passo a passo em supabase/README.md. Em resumo:
- Crie um projeto no Supabase.
- Em SQL Editor, execute na ordem:
supabase/schema.sqlsupabase/rls.sql
- (Opcional) Seed:
supabase/examples.sqlsupabase/seed-ceo.sql(depois de criar o usuário no Auth)
Importante: além do usuário no Auth, deve existir o perfil em
public.users(comroleeactive) para as regras funcionarem.
- Copie
app/env.exampleparaapp/.env - Preencha:
VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEY(ouVITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY)
cd app
pnpm install
pnpm devDentro de app/:
pnpm dev: roda o servidor de desenvolvimentopnpm build: build de produçãopnpm preview: preview do buildpnpm lint: lint do projeto
- Dashboard: Visão geral com métricas financeiras, projetos ativos e colaboradores
- Projetos: Gestão completa de projetos com controle de progresso, valores e recebimentos
- Financeiro: Controle de entradas e saídas, extrato, fluxo de caixa e pagamentos de colaboradores
- Colaboradores: Gestão de colaboradores fixos e freelancers com controle de pagamentos
/login- Página de login/dashboard- Dashboard principal com métricas/projects- Lista e gestão de projetos/projects/:id- Detalhes do projeto/finance- Módulo financeiro (apenas CEO)/collaborators- Gestão de colaboradores (apenas CEO)
- Importe o repositório na Vercel.
- Configure:
- Root Directory:
app - Build Command:
pnpm build - Output Directory:
dist
- Root Directory:
- Em Environment Variables, adicione:
VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEY(ouVITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY)
- Escopo do MVP:
docs/Escopo do Projeto.md - Próxima fase (design):
docs/Melhoria de Design (Proxima Fase).md