PetAcademy
Plataforma Educacional Fullstack para o PET-SIMC
Sobre o Projeto
Uma solução educacional end-to-end desenvolvida para democratizar o conhecimento acadêmico. O projeto foca em alta performance (LCP < 1s) e uma experiência de usuário fluida, integrando gestão de conteúdo moderna com um sistema de aprendizado interativo para centenas de usuários.
Período
Abr 2023 - Abr 2025
Status
Cargo
Desenvolvedor Fullstack (Bolsista)
Tecnologias
A Jornada dos Requisitos ao Código
O PetAcademy surgiu de uma demanda real dentro do grupo PET da Universidade Federal de Uberlândia (UFU): a necessidade de uma plataforma centralizada para a gestão e consumo de conteúdos acadêmicos. O objetivo foi projetar uma solução de ponta a ponta que unisse escalabilidade, facilidade de gestão de conteúdo e um custo de manutenção reduzido.
Ao longo de dois anos como desenvolvedor fullstack, atuei desde o levantamento de requisitos até o deploy final, priorizando uma experiência de usuário fluida e métricas de performance rigorosas.
"O maior desafio aqui não foi apenas codar, mas garantir que a plataforma fosse escalável e performática o suficiente para centenas de alunos, mantendo um custo de manutenção próximo de zero."
Home Page onde exibe os cursos da plataforma.
Decisões Arquiteturais e Stack Técnica
A escolha do stack foi estratégica para garantir que a plataforma fosse sustentável a longo prazo. Optei pela combinação de Next.js com TypeScript e o Payload CMS.
A utilização de um Headless CMS como o Payload permitiu uma integração nativa com o sistema de tipos da aplicação, facilitando a criação de uma lógica de negócio customizada. Isso incluiu a implementação de:
Controle de Acesso Baseado em Funções (RBAC): Garantindo níveis distintos de permissão para administradores, professores e alunos.
Persistência de Dados: Uso de MongoDB para flexibilidade de esquemas e integração com o protocolo S3 no Supabase para armazenamento de arquivos e mídia.
Painel administrativo onde professores/colaboradores editam os dados.
Engenharia de Performance e Otimização
Um dos pilares do projeto foi a entrega de conteúdo com o menor latência possível. Utilizei extensivamente os Server Components do Next.js para reduzir o volume de JavaScript enviado ao cliente, o que resultou em um carregamento de página (LCP) inferior a 1 segundo.
Essa otimização representou uma melhoria de 250% na velocidade de carregamento em relação à infraestrutura legada. O deploy foi automatizado via Vercel, garantindo um ciclo de integração e entrega contínua (CI/CD) eficiente.
Experiência do Usuário e Aprendizado Interativo
Para o aluno, a plataforma oferece uma interface intuitiva focada no consumo de vídeo e materiais de apoio. Implementei um sistema de rastreamento de progresso e exercícios interativos para validar o aprendizado. A gestão desses conteúdos é feita através de um editor rich text customizado, que permite aos professores estruturar as aulas de forma dinâmica e multilíngue.
Interface das aulas.
Resultados Técnicos
Arquitetura: Backend robusto com autenticação JWT criptografada e validação de dados via Zod.
Performance: Métricas de Core Web Vitals otimizadas para conexões instáveis.
Escalabilidade: Sistema preparado para suportar centenas de usuários ativos simultaneamente com baixa latência.
