como eu fiz um site pra um evento da minha escola (maracount)

oi, meu nome é maciel e eu fiz um site pra minha escola. não exatamente um site PRA escola, mas pra um evento específico dela.

na firjan sesi maracanã, onde eu estudei, tinha um evento chamado Maracannes. o maracannes é basicamente um período onde os alunos gravavam filmes com base num tema social, e todos eram postados no canal do youtube deles. o filme vencedor seria o que tivesse mais curtidas no youtube.

além dos vídeos - o maracannes possui seu evento no Cine SESI para os alunos! é tipo um show de talentos com os anúncios das premiações de melhor ator, ator revelação, filme com melhor edição, e o mais importante - o vencedor do voto popular no youtube. é muito bom!

"ok, mas e o site?" a história de origem dela é muito engraçada na verdade porque a ideia nem foi minha.

era 2024. eu já tava estudando programação por fora enquanto o SENAI não chegava nessa parte da matéria. eu estava entediado e pensei "hmm acho que vou fazer um web scraper que pega vídeos do canal do youtube maracannes"
(web scraper - programa que pega dados de um outro site existente lendo o conteúdo da página renderizada) 

começou inocente - um simples script.

e era divertido mexer. mas aí me deram a ideia de fazer disso de um sistema de ranking dos vídeos.

tipo, pensa comigo. como eles davam o prêmio de vencedor do voto popular? eles viam as curtidas de CADA vídeo? individualmente? e nem falei da concorrência que tinha - meu deus, a concorrência entre alunos era ABSURDA. sempre tinha alguma polêmica de uma turma que usou bot e o único modo de relatar isso era pelo o que as pessoas ficavam vendo diariamente.

se um site fosse feito, a gente ia ter um lugar pra instantaneamente saber como estão os vídeos, e talvez comparar registros diários pra saber se um vídeo ta com um crescimento não usual de estatísticas e desmascará-los!

então, eu passei meses desenvolvendo esse projeto. e sim, foi doloroso, ao mesmo tempo que foi divertido. fazer o design, parar pra pensar como eu ia fazer deploy dessa porra sem pagar, perceber que web scraping era MUITO desnecessário e migrar pra usar a API do youtube, migrar o banco de dados, perceber que pra adicionar os vídeos a cada ano eu teria que fazer um dashboard de administrador inteiro e por aí vai.

e aqui estamos, com a primeira versão do site disponível em outubro do mesmo ano! 

o site funciona do seguinte modo: a cada dia, o maracount pega um registro dos vídeos (quantas visualizações e curtidas ele tinha naquele dia), e no próprio site você pode visualizar em um gráfico de linha sobre a situação de cada vídeo ao longo do tempo.

as turmas REALMENTE fizeram uso dele! eu tava surpreso ao saber que tinha repercutido tanto. eu tinha divulgado no Instagram do maracannes e fiquei surpreso ao saber que estava sendo de fato sendo utilizado diariamente. o intuito do maracount foi útil!

e ele desmentiu uns vídeos - dava pra ver VÁRIOS vídeos que estavam aumentando views e likes de modo irreal, 

eu até recebi um carinhoso prêmio de melhor parceria deles no evento. não tenho fotos, mas fico extremamente agradecido pelo ato <3

e agora?

não queria desapegar do projeto, então eu fiz atualizações para o maracannes esse ano - mesmo que eu já tenha me formado.

um deles inclui um redesign completo.

também - o código inteiro do maracount foi reorganizado pra um monorepo.

o que era um simples script virou 4 projetos - um back-end, um frontend legado (antigo), um frontend novo (o que você viu agora), e um dashboard de admin inteiro só pra tomar conta desse projeto pra futuros anos. eu ainda ativamente mantenho isso até hoje por causa dessas reorganizações!

eu mal posso esperar pra saber como as turmas vão usar esse site nesse ano. obrigado por ler, e adoraria responder qualquer pergunta que você tiver do maracount! eu faço infodump disso direto com meus amigos, falando de detalhes técnicos e teóricos. 

e sim - quero botar easter eggs nisso. :)

obrigado por ler!!!