Robótica Educativa UNIVASF

Plataforma web oficial do programa de extensão universitária da Universidade Federal do Vale do São Francisco (UNIVASF) para democratização do ensino de robótica pedagógica, programação e ciência em escolas públicas da região.

🎯 Objetivo & Impacto

• 🚀 Capacitação Prática: Cursos e oficinas presenciais de robótica livre e lógica de programação para estudantes da rede pública.
• 📖 Materiais Didáticos Abertos: Disponibilização de apostilas, roteiros de montagem e guias práticos para professores e alunos.
• 🏫 Ponte Universidade-Escola: Canal institucional para agendamento de visitas escolares, oficinas e participação em mostras científicas.

✨ Principais Funcionalidades

• 📱 Portal Institucional Responsivo: Apresentação clara da metodologia pedagógica e impacto social do programa.
• 🛠️ Catálogo de Oficinas & Atividades: Estruturação visual das frentes de aprendizado (Arduino, eletrônica básica, pensamento computacional).
• 📸 Galeria & Registro de Eventos: Exposição fotográfica e documental das ações realizadas nas escolas.
• 📬 Canal Direto de Contato: Formulário otimizado para integração rápida entre escolas e coordenadores do projeto.

👨‍💻 Minha Atuação no Projeto

• 🏗️ Arquitetura Frontend: Estruturação completa do projeto com Next.js (App Router) e TypeScript com foco em modularidade e manutenibilidade.
• 🎨 Design System & UI/UX: Criação de interface moderna, limpa e responsiva utilizando Tailwind CSS, priorizando usabilidade para estudantes e docentes.
• ⚡ Otimização & Performance: Implementação de lazy loading, otimização automática de imagens (Next/Image) e minimização do bundle inicial.
• 🚀 Pipeline de CI/CD & Deploy: Configuração do fluxo de integração e deploy automatizado na infraestrutura global da Vercel.

🛠️ Stack & Decisões Técnicas

• ⚡ Next.js (App Router): Renderização híbrida (SSR/SSG) para assegurar tempo de resposta imediato e indexação SEO impecável.
• 🔷 TypeScript: Tipagem estrita de componentes e modelos de dados, garantindo confiabilidade no código.
• 🎨 Tailwind CSS: Desenvolvimento ágil com design tokens consistentes e CSS utilitário de alto desempenho.
• ☁️ Vercel Edge Network: Distribuição global com compressão automática de assets e baixa latência.

🛡️ Desafios Técnicos & Soluções

• ♿ Acessibilidade Universal (WCAG): Necessidade de atender a públicos heterogêneos de estudantes e educadores com diferentes dispositivos e níveis de letramento digital.
  • Solução: Semântica estruturada, contraste de cores rigorosamente calibrado segundo as diretrizes da WCAG 2.1 e navegação totalmente acessível por teclado e leitores de tela.