LABED
Site do Laboratório de Eletrônica e Desenvolvimento da UFN, criado para tornar projetos, membros e áreas de atuação mais fáceis de descobrir.
- Papel
- Concepção e desenvolvimento
- Período
- 2024 – 2026
- Tipo
- Site institucional
O problema
O laboratório produzia robôs de combate, seguidores de linha e cabines de realidade virtual, mas nada disso era encontrável fora do Instagram. Faltava um lugar onde cada projeto tivesse endereço próprio e pudesse ser compartilhado.
Minha contribuição
Criei o site do zero em 2024, como uma SPA em React com Vite, com a identidade visual do laboratório e o cadastro de membros, projetos e apoiadores. Em 2026 migrei tudo para Nuxt 4 com Tailwind CSS v4, preservando a identidade original. A migração trocou a renderização no navegador por páginas pré-renderizadas, e cada projeto passou a ter endereço próprio, com galeria de fotos e meta tags de compartilhamento, o que a SPA não tinha. Membros, projetos e apoiadores ficam em arquivos JSON tipados e editáveis pelo Pages CMS, e as animações de scroll, feitas com CSS e Lenis, respeitam a preferência por movimento reduzido.
Destaques do projeto
- 2024 → 2026de SPA em React para Nuxt pré-renderizado
- Página por projetoendereço próprio e compartilhável
- Pages CMSmembros, projetos e apoiadores editáveis sem código
Tecnologias
Nuxt 4, TypeScript, Tailwind CSS v4, Lenis, Pages CMS
Telas do sistema
