Construindo uma aplicação web completa com JavaScript vanilla + Firebase: o projeto Connecta

Pedro Henrique — Fri, 07 Aug 2026 17:41:03 +0000

👋 Olá! Sou Pedro Queiroz, dev web focado em JavaScript e Firebase. Este é meu primeiro post aqui e vou compartilhar um projeto que construí do zero: o Connecta — uma plataforma de gestão de equipes, comunicação corporativa e gamificação organizacional.

🎯 O problema
Em ambientes corporativos e institucionais, a comunicação entre equipes costuma ser fragmentada: uns usam WhatsApp, outros e-mail, planilhas espalhadas... Perde-se tempo, informação e eficiência.
O Connecta nasceu pra centralizar tudo isso em uma só aplicação.

🛠️ Stack escolhida

JavaScript vanilla (sem frameworks!) — desafio deliberado de arquitetar tudo na mão
Firebase Authentication — login seguro e controle de sessão
Firestore (NoSQL) — banco de dados em tempo real
Controle de acesso por perfis (Admin / Usuário)
Deploy automatizado em cloud

🔑 Principais features

✅ Autenticação com Firebase Auth
✅ CRUD completo integrado ao Firestore
✅ Controle de acesso baseado em perfis (RBAC)
✅ Interface SPA construída sem frameworks
✅ Deploy automatizado

💡 O que aprendi construindo isso

Arquitetura sem framework é possível — mas exige disciplina. Sem React ou Vue, você precisa pensar em estrutura de pastas, separação de responsabilidades e gerenciamento de estado manualmente. Isso me ensinou MUITO sobre como as coisas funcionam por baixo dos panos.

Firestore muda a forma de pensar o banco. O modelo NoQL em tempo real abre possibilidades que SQL tradicional não oferece tão facilmente, mas exige cuidado com a estruturação das coleções e regras de segurança.

Controle de acesso é mais do que um if. Implementar RBAC real, com regras no Firestore + validação no front, me fez entender profundamente como funciona a segurança de uma aplicação web.

🚀 Próximos passos

Adicionar notificações em tempo real
Implementar dashboard com métricas de engajamento
Modularizar o código pra opensource

📌 Sobre mim
Sou desenvolvedor web, estudante de Inteligência Artificial e trabalho atualmente na Secretaria de Estado da Mulher do DF, desenvolvendo aplicações com foco em impacto social. Acredito em tecnologia com propósito.
Se você curtiu o projeto ou quer trocar ideia sobre JavaScript, Firebase ou arquitetura de SPAs, me chama! 🚀
📩 pedroqueiroz.hcq@gmail.com

DEV Community: Pedro Henrique

Construindo uma aplicação web completa com JavaScript vanilla + Firebase: o projeto Connecta