Skip to content

vhrita/familia-cata-vento

Repository files navigation

E.E.I. Família Cata-vento - Site Institucional

🏫 Site oficial da Escola de Educação Infantil Família Cata-vento, localizada em Campinas-SP.

Deploy Status Built with Astro

📍 Sobre a Escola

A E.E.I. Família Cata-vento é uma escola de educação infantil dedicada ao desenvolvimento integral de crianças, oferecendo um ambiente acolhedor e pedagógico inovador em Campinas.

Localização: R. Anhanga, 314 - Parque Dom Pedro II, Campinas - SP

🚀 Tecnologias

Este projeto foi desenvolvido com tecnologias modernas para garantir performance e acessibilidade:

🏗️ Estrutura do Projeto

src/
├── components/          # Componentes React reutilizáveis
│   ├── common/         # Componentes genéricos
│   ├── contato/        # Seção de contato
│   ├── galeria/        # Galeria de fotos/vídeos
│   ├── home/           # Página inicial
│   ├── layout/         # Layout e navegação
│   ├── sobre/          # Seção sobre
│   └── turmas/         # Seção de turmas
├── config/             # Configurações
│   └── images.ts       # Gerenciamento de imagens
├── lib/                # Utilitários
│   └── seo.ts          # Configurações SEO
├── pages/              # Páginas do site
│   └── index.astro     # Página principal
└── styles/             # Estilos globais

🛠️ Desenvolvimento

Pré-requisitos

  • Node.js 18+
  • npm ou yarn

Instalação

# Clone o repositório
git clone https://github.com/vhrita/familia-cata-vento.git

# Instale as dependências
npm install

# Configure as variáveis de ambiente
cp .env.example .env
# Edite o arquivo .env com suas configurações

Comandos Disponíveis

Comando Ação
npm run dev Inicia servidor de desenvolvimento
npm run build Gera build de produção
npm run preview Visualiza build localmente

Variáveis de Ambiente

# Obrigatório
PUBLIC_GALLERY_JSON_URL=https://exemplo.com/galeria.json

# Opcionais
PUBLIC_GA_ID=G-XXXXXXXXXX
PUBLIC_GOOGLE_SITE_VERIFICATION=seu_google_site_verification_code

🚀 Deploy

O projeto inclui um Dockerfile otimizado que funciona em qualquer ambiente Docker:

CapRover

  1. Configure as Build Args:
    • PUBLIC_GALLERY_JSON_URL: URL do JSON da galeria
    • PUBLIC_GA_ID: Google Analytics ID (opcional)
  2. O CapRover detecta automaticamente o Dockerfile

Docker Manual

# Build da imagem
docker build \
  --build-arg PUBLIC_GALLERY_JSON_URL=https://exemplo.com/galeria.json \
  --build-arg PUBLIC_GA_ID=G-XXXXXXXXXX \
  -t familia-catavento .

# Executar container
docker run -p 80:80 familia-catavento

Outros Provedores

O Dockerfile é compatível com Railway, Fly.io, Vercel, Netlify, AWS, Google Cloud, etc.

🖼️ Galeria Dinâmica

O site utiliza um sistema de galeria dinâmica que carrega imagens de um JSON externo, permitindo atualizações sem rebuild:

  • Suporte a imagens (JPG, PNG, WebP) e vídeos (MP4)
  • Fallback inteligente por nome ou posição
  • Cache otimizado para performance
  • Componente responsivo com lazy loading

🎨 Funcionalidades

  • Design Responsivo - Adaptado para mobile, tablet e desktop
  • Performance Otimizada - Lighthouse score 95+
  • SEO Completo - Meta tags, sitemap, robots.txt
  • Acessibilidade - ARIA labels, navegação por teclado
  • Galeria Interativa - Lightbox com navegação
  • Formulário de Contato - Integração com Formspree
  • WhatsApp Integration - Contato direto
  • Google Maps - Localização da escola
  • Google Analytics - Tracking opcional
  • Search Console - Verificação automática

📄 Licença e Uso

Este projeto está licenciado sob a MIT License com termos adicionais para proteção da marca.

⚖️ Licença MIT:

  • Permitido: Usar, modificar, distribuir o código
  • Permitido: Uso comercial do código base
  • Permitido: Fork para projetos próprios

🚫 Restrições Adicionais:

  • Marca e conteúdo: Logotipos, imagens e conteúdo específico da escola não podem ser usados comercialmente
  • Concorrência direta: Não usar o design completo para escolas concorrentes sem autorização
  • Atribuição obrigatória: Manter créditos originais

Ver LICENSE para detalhes completos.

👥 Créditos

  • Desenvolvimento: Vitor Rita
  • Cliente: E.E.I. Família Cata-vento
  • Tecnologias: Astro, React, TypeScript, Tailwind CSS

📞 Contato

E.E.I. Família Cata-vento


Desenvolvido com ❤️ para a educação infantil em Campinas por Vitor Rita 🃏

🌐 Visite o site💬 WhatsApp📍 Localização

About

Página institucional da Escola de Educação Infantil Família Cata Vento

Topics

Resources

License

Stars

Watchers

Forks

Contributors