Construalindo uma apliicação web com com JavaScript 香草 + Firebase: o projeto Connecta 互联网档案馆的存檔,存档日期2013-12-12

Construalindo uma apliicação web com com JavaScript 香草 + Firebase: o projeto Connecta 互联网档案馆的存檔,存档日期2013-12-12

2026年8月7日2 次浏览来源:Dev.to阅读原文

正文保留英文原文(机翻易破坏代码与排版),标题/摘要已提供中文

👋 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! 🚀 📩 [email protected]

分享