Letmeask é uma plataforma para criação de salas de Q&A em tempo real. A aplicação permite que administradores criem salas para receber perguntas de usuários durante eventos, aulas ou apresentações, facilitando a interação e organização de perguntas de forma dinâmica e intuitiva.
🔗 Demo: https://letmeask-183d0.web.app/
- 🏠 Criação de Salas - Administradores podem criar salas com códigos únicos
- ❓ Envio de Perguntas - Usuários fazem perguntas em tempo real
- 👍 Sistema de Likes - Comunidade pode curtir perguntas relevantes
- 🔐 Autenticação Google - Login seguro via Firebase Auth
- 👨💼 Painel do Administrador - Controle total sobre perguntas da sala
- ✅ Marcar como Respondida - Organização visual das perguntas
- 🗑️ Excluir Perguntas - Remoção de conteúdo inadequado
- 📱 Sincronização Real-time - Atualizações instantâneas via Firebase
- 📋 Compartilhamento de Sala - Código único para entrada
Interface de entrada onde usuários podem criar novas salas ou entrar em salas existentes usando códigos de acesso.
Interface para participantes da sala, onde podem visualizar e enviar perguntas, além de curtir perguntas de outros usuários.
Interface exclusiva do criador da sala com controles avançados para gerenciar perguntas, marcar como respondidas e excluir conteúdo.
Diagrama conceitual mostrando a organização dos dados no Firebase, incluindo relacionamentos entre salas, perguntas e usuários.
- Firebase Realtime Database - Banco de dados NoSQL em tempo real
- Firebase Authentication - Sistema de autenticação com Google
- Firebase Hosting - Hospedagem estática
- React.js - Biblioteca JavaScript para interfaces de usuário
- TypeScript - Superset do JavaScript com tipagem estática
- HTML5 - Estruturação semântica
- CSS3 - Estilização com SCSS
- Context API - Gerenciamento de estado global
- Firebase SDK - Integração com serviços Firebase
- React Hooks - useState, useEffect, useContext, custom hooks
- Real-time Listeners - Sincronização em tempo real
- React Router - Navegação entre páginas
- Frontend: Firebase Hosting - CDN global com SSL automático
- Backend: Firebase - BaaS (Backend as a Service)
- Database: Firebase Realtime Database - NoSQL em tempo real
- Authentication: Firebase Auth - OAuth com Google
- Node.js (versão 14 ou superior)
- NPM ou Yarn
- Conta no Firebase
# Clone o repositório
git clone https://github.com/lioc3sar/letmeask
# Acesse a pasta do projeto
cd letmeask
# Instale as dependências
npm install
# ou
yarn install
# Configure as variáveis de ambiente
# Crie um arquivo .env.local com suas configurações do Firebase
REACT_APP_API_KEY=sua_api_key
REACT_APP_AUTH_DOMAIN=seu_auth_domain
REACT_APP_DATABASE_URL=sua_database_url
REACT_APP_PROJECT_ID=seu_project_id
REACT_APP_STORAGE_BUCKET=seu_storage_bucket
REACT_APP_MESSAGING_SENDER_ID=seu_sender_id
REACT_APP_APP_ID=seu_app_id
# Execute a aplicação em modo de desenvolvimento
npm start
# ou
yarn start
# Acesse http://localhost:3000 no seu navegador- Real-time Database - Sincronização instantânea de dados
- Authentication Flow - Fluxo de autenticação com OAuth
- Context API - Compartilhamento de estado entre componentes
- Custom Hooks - useAuth, useRoom para lógica reutilizável
- TypeScript - Tipagem estática para maior robustez
- Component Architecture - Componentização e reutilização
- Firebase Integration - Integração completa com ecossistema Firebase
- Responsive Design - Interface adaptável para diferentes dispositivos
- Autenticação obrigatória para criação de salas
- Regras de segurança no Firebase Database
- Validação de permissões no frontend e backend
- Sanitização de dados para prevenir XSS
Este projeto está sob licença MIT. Veja o arquivo LICENSE para mais detalhes.
Júlio Guimarães
- GitHub: @ocesar9
- LinkedIn: Seu perfil LinkedIn
- LinkedIn: Seu perfil LinkedIn
⭐ Se este projeto te ajudou, deixe uma estrela no repositório!