15
MateBasica
3 min de leitura ·

Pitch: Criei uma plataforma web gratuita de Matemática sendo estudante do Ensino Médio: bastidores, desafios e aprendizados

Olá! Sou estudante do ensino médio e queria explorar a área de desenvolvimento web, então criei meu primeiro projeto: MateBásica (https://matebasica.com.br). Ele começou de forma despretensiosa, apenas como um passatempo nas minhas últimas férias, mas no meio do processo enxerguei um potencial real de criar um auxílio acadêmico nacional, além de enxergar oportunidades pessoais na área de tecnologia.

Dediquei dezenas de horas desenvolvendo tudo individualmente, usando apenas recursos gratuitos. Criei a estrutura, o design, as funcionalidades principais, o ícone e comprei o domínio. Hoje, com um mês e meio de vida/maturação do site, quero compartilhar os bastidores de como ergui esse projeto e os desafios técnicos e operacionais que enfrentei.

Inteligência Artificial e a ilusão do "trabalho automatizado"

Usei IA para gerar partes dos textos e alguns elementos do site, mas quem acha que isso automatiza o projeto inteiro está bem enganado. A curadoria, organização, gestão, vínculos e a administração de todo o sistema foi um trabalho hercúleo. Cadastrar e revisar centenas de questões, artigos e formatar o banco de dados no meu próprio computador exigiu um esforço operacional árduo para garantir que o conteúdo realmente tivesse valor para um vestibulando.

A Stack e outros desafios

Na tentativa de manter o custo zero no início, utilizei o Cloudflare Pages para a hospedagem. É uma plataforma excelente, mas a construção do front-end trouxe desafios que me deram bastante problema:

  • Conflitos de Renderização Matemática: A plataforma é focada em matemática, o que exige renderizar fórmulas complexas na tela. Integrar LaTeX/KaTeX com o HTML gerou diversos conflitos de formatação e quebras de layout que precisei consertar manualmente.

  • Mudança entre modelos de aplicação: Tive dificuldades estruturais para controlar estados e fazer a transição fluida entre diferentes páginas e componentes sem prejudicar/quebrar as funcionalidades, especialmente no gerador de PDFs e na interface de simulados.

O momento atual

O site tem 51 dias no ar (no momento em que escrevo). O ecossistema está funcional, mas agora enfrento a fase mais difícil de qualquer projeto indie: a distribuição e a divulgação. Estou buscando expandir o acesso para validar a ferramenta com um público maior. O objetivo final é conseguir apoio e, possivelmente, algum retorno que viabilize e incentive a continuação do desenvolvimento, mantendo o ambiente limpo e gratuito para os estudantes.

Gostaria de convidar a comunidade do TabNews para testar a plataforma da forma como preferirem. Se a análise for técnica, deixo alguns questionamentos: Como está a performance do carregamento e a renderização do KaTeX nos diferentes navegadores que vocês usam? Encontraram algum gargalo/problema de usabilidade na geração dos PDFs (cuja variação para cada dispositivo e navegador tem me desafiado muito) ou na navegação dos simulados? Quais estratégias de distribuição inicial vocês recomendariam para um projeto focado em educação feito por um desenvolvedor solo?

Qualquer crítica honesta sobre a aparência do código, a UX ou a infraestrutura será recebida como aprendizado. Se gostarem e simplesmente quiserem usar e compartilhar, fico igualmente grato. Apesar de uma postagem com intuito descritivo e também de dúvidas, deixo aqui esse gancho para a divulgação e utilização do MateBásica! Obrigado pela leitura.

Carregando publicação patrocinada...
2

Eu me interesso bastante por iniciativas empreendedoras na área de educação e webdev. A matemática e a stack escolhida são interessantes. Eu quero colaborar com o projeto.

3

Muito obrigado pelo apoio! Dei uma olhada no seu perfil e achei muito interessante a sua bagagem na área de dev e games.

Como estou desenvolvendo o projeto solo e usando tudo para aprender, fiquei curioso sobre como você imaginou essa colaboração. Ideias sobre arquitetura, feedbacks de UX, caminhos de divulgação ou conselhos gerais seriam de grande ajuda.

Sem compromisso nenhum, se quiser trocar uma ideia, me manda um e-mail em contato.matebasica@gmail.com. Abraço!

2

Eu tenho muito a oferecer para o projeto. Para ganhar a confiança e trocar por mais autonomia eu começaria pelo html, por que é menos importante se focarmos na missão do projeto. O conteúdo aparentemente é mais importante, né?

2

Poxa, Rodrigo, muito legal ver o seu interesse pelo projeto e a sua disposição em somar. Reconheço demais a sua bagagem e trajetória na área de desenvolvimento, por isso fico muito feliz com a aproximação!

Para alinharmos bem as expectativas: como o MateBásica é o meu principal laboratório para aprender desenvolvimento web na prática, minha pretensão é manter todo o desenvolvimento do código solo. Enfrentar cada etapa de implementação por conta própria faz parte fundamental do meu processo de aprendizado hoje, por isso não pretendo abrir o repositório ou dividir a escrita do código neste momento (tanto que nem o subi no GitHub ainda).

Por outro lado, estou totalmente aberto e adoraria contar com o seu apoio em outras frentes, se quiser. Toda sorte de auxílio — sejam feedbacks de UX, visões sobre arquitetura, caminhos de divulgação, sugestões de produto ou conselhos de quem já tem experiência no mercado — seria de um valor gigantesco para mim e para o projeto. Inclusive, sobre o que você mencionou do HTML: para poupar o seu tempo, você pode simplesmente me enviar suas ideias e observações que eu mesmo opero para implementar por aqui!

Se fizer sentido para você continuar essa conversa nesse formato e quiser detalhar melhor como imagina essa troca, me manda um e-mail em contato.matebasica@gmail.com para conversarmos com mais calma, tranquilo!

Um abraço!

1

Cara,
Você é novo para levar um projeto tão grande. Minha recomendação é que você procure ajuda. De preferência ajuda que for fácil e acessível e mais legal ainda se conseguir ajuda sem enviar o link... tipo alguém que você conhece que você sabe que é dá área de ciências.

2

Valeu demais pela visão e pelo conselho, Rodrigo! Entendo perfeitamente o seu ponto sobre a dimensão e os desafios do projeto, você tem razão sobre o porte dele.

Como eu disse, a minha decisão tem sido manter a execução e o código centralizados comigo para seguir no ritmo do planejamento atual. De qualquer forma, valorizo muito a sua trajetória e as portas seguem abertas para trocarmos ideias sobre arquitetura e produto no futuro.

Muito obrigado pelo apoio e pela troca! Tudo de bom

2

Achei interessante o projeto, ajuda o aprendizado.

Porém para ser um site que realmente ensina matemática da maneira correta, você precisa adicionar os axiomas. Que são literalmente as regras do jogo.

Por exemplo:

Adição:
Propriedade comutativa onde: a + b = b + a
3 + 5 é a mesma coisa que 5 + 3.
Propriedade associatia onde: (a + b) + c = a + (b + c)
Onde (a + b) + c é a mesma coisa que a + (b + c)
Elemento neutro, numero 0: a + 0 = a

E por ai vai....

1

Valeu pelo feedback! Concordo totalmente com a importância dessas regras.

Na verdade, se você conferir o artigo de Adição no site (que você citou no exemplo), vai ver que essa sugestão já foi aplicada: as propriedades comutativa, associativa e elemento neutro já estão descritas exatamente assim na seção 'Propriedades Fundamentais', com definições e exemplos. Mas bom saber que a estrutura que montei bateu com o que você esperava! Abraços!

1

Achei bem legal o projeto. minha recomendação é que deixa uma opção de mostrar a resposta e não já respondido por default. Tipo eu como vestibulando gostaria de usar p/ estudar respondendo as perguntas.

1

Obrigado! Existem duas abas separadas para as questões. Reservei o Banco de Questões especificamente para um acervo de perguntas com gabarito e resolução. As mesmas questões estão solúveis e disponíveis na opção de Simulados, em que o estudante pode resolvê-las sem saber a resposta, com opções específicas para se ele deseja ver gabarito/resolução após responder cada uma individualmente.

1

Primeiramente parabéns pela iniciativa!

Eu uso browser brave no celular, ao abrir o site fica tudo travado com aquele shadow, acredito q por conta do script de cookies q bloqueiam a tela, neste meu caso aqui os buttons de cookies sequer apareceram, somente depois de eu desabilitar no brave o Adblock.

Segundo ponto importante seria nos exercícios, ao abri-los eles já aparecem de cara a resposta e explicação, oq pode acabar atrapalhando o estudante, recomendo colocar um Button para "ver resposta" algo do tipo.

Sobre o design/ui tem vários possíveis pontos de melhoria. Mas não acho q isso seja tão importante nesta fase do projeto. Esta simples e funcional, mas para o futuro seria bom ter algum design system bem definido e uma identidade visual de logo e de branding, cores, fonte de texto etc (hoje em dia é muito popular o shadcnui que tem um editor de themas q ajuda nisso e a acelerar desenvolvimento de frontend).

Vou recomendar duas ferramentas muitas capazes para frontend, uma é o v0 da vercel que é um site. A de outra e o impeccable do github que é uma ferramenta que você usa com qualquer agente de i.a (codex, Claude code e etc).

1

Poxa, lamento pelos conflitos de navegador! Não planejei a estrutura para sistemas de bloqueio e outras intervenções externas. À parte isso, agradeço as sugestões.

Sobre as questões resolvidas, a aba de Banco de Questões é justamente pra isso. Um acervo com gabarito e resolução. Se o usuário almeja resolver as mesmas questões ele mesmo, pode acessar o filtro de simulados dinâmicos, na aba Simulados do Menu Principal.

Como fui aprendendo exponencialmente desde a criação do projeto, as páginas mais antigas se parecem bem diferentes das mais recentes. A questão da Usabilidade e Experiência do Usuário pode ser desafiadora nesse quesito, ainda mais que as fontes, painéis, logo e outros estilos estão ainda em adaptação. Obrigado!

Se não for incômodo, poderia me enviar prints de como se parece o site travado pelo Adblock pelo email contato.matebasica@gmail.com? Gostaria de observar essa problemática.

1

+3 Salvo!

Lembrei de alguns projetos antigos que fiz antes da onda de IA. Uma ideia legal seria adicionar um timer semanal para liberar simulados/provas temáticas com avaliação rápida. Dá para manter tudo público no GitHub e consumir direto em uma página estática (GitHub Pages, etc.).

Se a intenção for rodar sem backend e sem complexidade de infraestrutura, você pode persistir o progresso do usuário direto no localStorage. Assim, ele tem uma autoavaliação com histórico do que já respondeu e onde precisa focar mais. Para fechar, um Google Analytics ajudaria a ter mais insights sobre acessos.

4

Certo! Valeu pela sacada, a ideia do timer semanal para dar ao site uma cara de atualização é boa. Passando um período cheio da minha rotina em alguns dias, trabalharei em algumas alterações no site, e posso verificar sua sugestão, que é bem interessante.

Sobre o Google Analytics, ele já está vinculado ao site, mas observo estatísticas principalmente na própria plataforma da hospedagem e pelo Google Search Console. Vou dar uma olhada melhor também no Analytics. Muito obrigado pelos comentários e pelo +3!