Jogo Educacional - Quiz Prepara Aí 2025

Publicado em 5 de junho de 2025

Visão Geral do Projeto

O "Quiz Prepara Aí" foi um projeto desenvolvido por uma equipe de alunos do Curso Técnico em Desenvolvimento de Sistemas do SENAI, sob minha orientação. O objetivo era criar uma ferramenta de estudo gamificada, moderna e engajadora para auxiliar estudantes na preparação para o Exame Nacional do Ensino Médio (ENEM) e outros vestibulares.

A plataforma foi concebida para ir além de um simples questionário, incorporando elementos de feedback instantâneo, acompanhamento de progresso e uma interface amigável para tornar o aprendizado um processo mais dinâmico e menos cansativo.

Galeria do Projeto

O Desafio

O principal desafio era criar uma aplicação web completa, do zero, em um prazo definido, por uma equipe de desenvolvedores em formação. Isso envolvia não apenas os desafios técnicos de construir um back-end robusto e um front-end reativo, mas também os desafios de gestão de projeto.

Os principais pontos a serem superados eram:

• Engajamento do Usuário: Como criar um quiz que não fosse monótono?
• Arquitetura Escalável: Como estruturar o banco de dados e a API para suportar um grande número de questões e categorias?
• Trabalho em Equipe: Como organizar o fluxo de trabalho de uma equipe júnior usando práticas de mercado como o Scrum?

Minha Contribuição como Mentor e Arquiteto

Meu papel neste projeto foi multifacetado, atuando como um Tech Lead e Product Manager para a equipe. Minhas principais responsabilidades incluíram:

• Arquitetura da Solução: Defini a stack tecnológica (React para o front-end, Node.js/Express para o back-end) e desenhei a arquitetura inicial do banco de dados e da API REST.
• Mentoria Técnica: Realizei sessões de pair programming, revisões de código (code reviews) e ensinei conceitos avançados de React (hooks, gerenciamento de estado) e Node.js (rotas, middlewares).
• Gestão Ágil: Introduzi e facilitei a metodologia Scrum, organizando o projeto em Sprints, planejando as tarefas no backlog e conduzindo as cerimônias (Planning, Daily, Review, Retrospective).
• Qualidade de Código: Instrui a equipe sobre a importância de boas práticas, como código limpo, componentização e versionamento com Git/GitHub.

A Solução Técnica

A plataforma foi desenvolvida como uma Single Page Application (SPA) com uma arquitetura cliente-servidor clássica.

• Front-end: Construído com React, utilizando componentes funcionais e hooks para um gerenciamento de estado eficiente. A interface foi projetada com foco total em UX, garantindo uma navegação intuitiva e feedback visual imediato para as respostas do usuário.
• Back-end: Uma API RESTful desenvolvida com Node.js e Express, responsável por servir as perguntas, validar as respostas e armazenar o progresso dos usuários.
• Banco de Dados: Utilizamos Google Firebase para armazenar as questões, alternativas e dados dos usuários, garantindo a integridade e a consistência das informações.

Resultados e Aprendizados

O resultado final foi uma aplicação totalmente funcional que não apenas cumpriu todos os requisitos iniciais, mas também serviu como uma incrível ferramenta de aprendizado para a equipe.

• Produto Entregue: A equipe entregou um MVP (Minimum Viable Product) robusto e pronto para ser testado por usuários reais.
• Desenvolvimento da Equipe: Os alunos evoluíram de conceitos teóricos para a prática real de desenvolvimento de software, ganhando experiência valiosa em tecnologias de alta demanda e em trabalho em equipe ágil.
• Portfólio Concreto: Cada membro da equipe finalizou o projeto com um case de portfólio significativo, demonstrando suas habilidades para o mercado de trabalho.

Este projeto foi uma prova de que, com a orientação correta e metodologias sólidas, equipes em formação são capazes de construir produtos digitais de alta qualidade!