Como montar o projeto localmente (passo a passo)

  1. Crie uma pasta chamada retiro2027/ no seu computador
  2. Dentro dela, crie as subpastas: css/, js/ e images/galeria/
  3. Baixe cada arquivo abaixo e salve na pasta correta (conforme indicado em Caminho)
  4. Abra o arquivo index.html no Chrome, Firefox ou Edge — pronto! ✅
  5. Para o painel administrativo, abra login.html e acesse com as credenciais da equipe

Estrutura de Pastas

retiro2027/ ← pasta raiz do projeto ├── index.html~73 KB Página principal (landing page pública) ├── login.html~19 KB Tela de login com 5 perfis de acesso ├── dashboard.html~75 KB Painel administrativo completo ├── inscricao.html~57 KB Formulário de inscrição (5 etapas) ├── banco-dados.html~26 KB Visualizador e exportador do banco ├── download.html~18 KB Esta página de código-fonte ├── README.md~10 KB Documentação completa do projeto │ ├── css/ │ └── main.css~27 KB Estilos globais (paleta Luxo Espiritual) │ ├── js/ │ ├── app.js~10 KB Helpers globais e funções de API │ └── dashboard.js~86 KB Lógica completa do painel (15 módulos) │ └── images/galeria/ ├── foto01-volei-por-do-sol.jpg ├── foto02-lagoa-hotel.jpg ├── foto03-vista-lagoa.jpg ├── ... (16 fotos no total)

Páginas HTML

6 arquivos
index.html
retiro2027/index.html
HTML ~73 KB
Baixar
login.html
retiro2027/login.html
HTML ~19 KB
Baixar
dashboard.html
retiro2027/dashboard.html
HTML ~75 KB
Baixar
inscricao.html
retiro2027/inscricao.html
HTML ~57 KB
Baixar
banco-dados.html
retiro2027/banco-dados.html
HTML ~26 KB
Baixar
README.md
retiro2027/README.md
DOC ~10 KB
Baixar

Estilos e Scripts

3 arquivos
main.css
retiro2027/css/main.css
CSS ~27 KB
Baixar
app.js
retiro2027/js/app.js
JS ~10 KB
Baixar
dashboard.js
retiro2027/js/dashboard.js
JS ~86 KB
Baixar

Fotos da Galeria — Retiro

16 imagens

Salvar em: retiro2027/images/galeria/

Vôlei ao pôr do sol
foto01-volei-por-do-sol.jpg
Lagoa Hotel
foto02-lagoa-hotel.jpg
Vista Lagoa
foto03-vista-lagoa.jpg
Futebol
foto04-futebol-campo.jpg
Círculo Comunhão
foto05-circulo-comunhao.jpg
Confraternização
foto06-confraternizacao-noturna.jpg
Passeio a Cavalo
foto07-passeio-cavalo.jpg
Fantasia Noturna
foto08-fantasia-noturna.jpg
Noite Bíblica
foto09-noite-biblica.jpg
Equipe Alimentação
foto10-equipe-alimentacao.jpg
Piscina Pôr do Sol
foto11-piscina-por-do-sol.jpg
Anjinhos
foto12-anjinhos.jpg
Tirolesa Voo
foto13-tirolesa-voo.jpg
Tirolesa Plataforma
foto14-tirolesa-plataforma.jpg
Colheita Laranjas
foto15-colheita-laranjas.jpg
Canoagem
foto16-canoagem-lagoa.jpg

Stack Técnica do Projeto

HTML5 Semântico

Tags semânticas, acessibilidade, estrutura limpa e bem comentada

CSS3 Avançado

Custom Properties, Grid, Flexbox, clamp(), animações e paleta Luxo Espiritual

JavaScript ES6+

Async/await, módulos, canvas API para compressão de imagens, localStorage

RESTful Table API

CRUD completo via fetch() — retirantes, acomodações, pagamentos, refeições

Controle de Acesso

5 perfis: Admin, Financeiro, Hospedagem, Alimentação e Retirante

Mobile First

Responsivo para todos os tamanhos. Breakpoints: 480px, 768px, 1024px

Quer o link público agora?

O projeto está hospedado na Genspark. Para gerar uma URL pública permanente, clique na aba Publish no painel lateral do editor.

Aba Publish → Publicar → Copiar Link