Site da associação — ASSED Goiás

Três telas numa aplicação só: a página institucional, a área do associado e o painel administrativo.

É um protótipo de front-end. Não há back-end nem banco de dados: o acesso do associado e os dados do painel são simulados na própria interface, para validar fluxo e layout antes da integração.

Rodar

npm install
npm run dev

Para produção, npm run build (compila com tsc antes do Vite) e npm run preview.

As telas

Rota	O que é
/	Página institucional: a associação, anos de atuação, eventos realizados, vantagens do associado
/associado	Área do associado: entrada por e-mail ou CPF e a carteira do membro, com matrícula, categoria e validade
/admin	Painel administrativo: últimas solicitações de filiação, diretoria e ações rápidas

Dentro do código

src/App.tsx         as três rotas, com react-router-dom
src/pages/          Home, MemberArea, AdminDashboard
src/components/     Header e Footer, compartilhados pelas rotas
src/assets/         imagem do topo

React 19 · TypeScript · Vite · Tailwind CSS · react-router-dom · lucide-react · oxlint.