Site institucional e portal do associado da Associação Farmacêutica de Ação Social e Profissional do Pará.
Projeto full-stack React + Vite + TypeScript + TailwindCSS no frontend, com Supabase (Auth + Postgres + Storage) como backend/Auth/Banco. É possível rodar totalmente sem backend (modo demonstração).
afaspa-site/
├── public/
│ ├── logo/afaspa-logo.svg # Logo (substitua pelo .png oficial)
│ ├── favicon.svg
│ └── sitemap.xml
├── src/
│ ├── components/
│ │ ├── ui/ # Design system: Button, Card, Input, Badge, Modal, Section, Spinner, Logo, icons
│ │ └── layout/ # Header, Footer, Layout
│ ├── features/
│ │ ├── home/ # Seções da home (Hero, QuickLinks, About, etc.)
│ │ ├── auth/ # AuthContext, RequireAuth, Login, RecuperarSenha, AssocieSe, PainelLayout
│ │ ├── associado/ # Dashboard do associado + páginas
│ │ ├── admin/ # Painel administrativo (CRUDs, aprovação, CSV)
│ │ ├── news/ # Listagem e detalhe de notícias
│ │ ├── courses/ # Listagem, detalhe + formulário de inscrição
│ │ └── partners/ # Parcerias + formulário "quero ser parceiro"
│ ├── lib/
│ │ ├── api/ # Serviços (news, courses, partners, contact, auth)
│ │ └── supabase/ # Cliente, types e dados de demonstração (mockData)
│ ├── pages/ # Páginas estáticas (Home, Institucional, Serviços, Contato)
│ ├── App.tsx # Rotas (React Router v6)
│ ├── main.tsx
│ └── index.css
├── supabase/
│ ├── schema.sql # Schema do banco + políticas RLS
│ └── seed.sql # Dados de demonstração (seed)
├── .env.example # Variáveis de ambiente (modelo)
└── README.md