{"id":48577565,"url":"https://github.com/ninomiquelino/realtime-chat-app-angularjs","last_synced_at":"2026-04-08T16:01:52.765Z","repository":{"id":323929292,"uuid":"1095284339","full_name":"NinoMiquelino/realtime-chat-app-angularjs","owner":"NinoMiquelino","description":"ChatFlow é uma plataforma de comunicação em tempo real desenvolvida com Angular e Firebase,proporcionando uma experiência similar ao Slack/Discord com canais organizados, mensagens instantâneas e colaboração eficiente para equipes de todos os tamanhos.","archived":false,"fork":false,"pushed_at":"2025-11-12T21:17:07.000Z","size":46,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-12T23:13:56.150Z","etag":null,"topics":["angular-cli","angularjs","firebase","html5","nodejs","scss","typescript","vscode"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NinoMiquelino.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-12T21:02:16.000Z","updated_at":"2025-11-12T21:18:58.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/NinoMiquelino/realtime-chat-app-angularjs","commit_stats":null,"previous_names":["ninomiquelino/realtime-chat-app-angularjs"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/NinoMiquelino/realtime-chat-app-angularjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NinoMiquelino%2Frealtime-chat-app-angularjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NinoMiquelino%2Frealtime-chat-app-angularjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NinoMiquelino%2Frealtime-chat-app-angularjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NinoMiquelino%2Frealtime-chat-app-angularjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NinoMiquelino","download_url":"https://codeload.github.com/NinoMiquelino/realtime-chat-app-angularjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NinoMiquelino%2Frealtime-chat-app-angularjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular-cli","angularjs","firebase","html5","nodejs","scss","typescript","vscode"],"created_at":"2026-04-08T16:01:51.974Z","updated_at":"2026-04-08T16:01:52.754Z","avatar_url":"https://github.com/NinoMiquelino.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 🙋‍♂️ Autor\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/ninomiquelino\" width=\"100\" height=\"100\" style=\"border-radius: 50%\"\u003e\n  \u003cbr\u003e\n  \u003cstrong\u003eOnivaldo Miquelino\u003c/strong\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/ninomiquelino\"\u003e@ninomiquelino\u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n# 💬 ChatFlow - Plataforma de Chat em Tempo Real\n\n![Angular](https://img.shields.io/badge/Angular-17-DD0031?logo=angular)\n![Firebase](https://img.shields.io/badge/Firebase-10-FFCA28?logo=firebase)\n![TypeScript](https://img.shields.io/badge/TypeScript-5.0-3178C6?logo=typescript)\n![Responsive](https://img.shields.io/badge/Design-Responsive-00C7B7)\n\nUma aplicação moderna de chat em tempo real desenvolvida com Angular e Firebase, oferecendo comunicação instantânea, canais organizados e colaboração eficiente para equipes.\n\n## ✨ Características Principais\n\n### 💬 **Chat em Tempo Real**\n- Mensagens instantâneas com atualização em tempo real\n- Múltiplos canais de comunicação\n- Histórico de conversas persistente\n\n### 🎯 **Sistema de Canais**\n- Criação e gerenciamento de canais públicos e privados\n- Organização por temas e projetos\n- Controle de acesso e permissões\n\n### 👥 **Gestão de Usuários**\n- Sistema de autenticação seguro\n- Perfis personalizáveis\n- Status online/offline/ausente\n- Controle de papéis (Admin, Usuário, Convidado)\n\n### 📱 **Design Responsivo**\n- Interface otimizada para desktop e mobile\n- Experiência adaptável a diferentes tamanhos de tela\n- Navegação intuitiva e acessível\n\n### 🚀 **Funcionalidades Avançadas**\n- Upload de arquivos e imagens\n- Sistema de reações com emojis\n- Notificações em tempo real\n- Timestamps e indicadores de leitura\n\n## 🛠️ Tecnologias Utilizadas\n\n| Camada | Tecnologias |\n|--------|-------------|\n| **Frontend** | Angular 17, TypeScript, RxJS, HTML5, SCSS |\n| **Backend** | Firebase Authentication, Firestore, Storage |\n| **Real-time** | Firebase Realtime Database |\n| **Deploy** | Firebase Hosting, GitHub Actions |\n| **Ferramentas** | Angular CLI, GitHub, VS Code |\n\n## 📋 Pré-requisitos\n\n- **Node.js** 18.x ou superior\n- **npm** 9.x ou superior\n- **Angular CLI** 17.x\n- Conta no **Firebase**\n\n## 🚀 Instalação e Configuração\n\n### 1. Clonar o Repositório\n\n```bash\ngit clone https://github.com/NinoMiquelino/realtime-chat-app-angularjs.git\ncd realtime-chat-app-angularjs\n```\n\n2. Instalar Dependências\n\n```bash\nnpm install\n```\n\n3. Configurar Firebase\n\n1. Crie um projeto no Firebase Console\n2. Ative os serviços:\n   · Authentication (Email/Password)\u003cbr\u003e\n   · Firestore Database\u003cbr\u003e\n   · Storage\n3. Faça o download do arquivo de configuração environment.ts\n\n4. Configurar Ambiente\n\nCrie o arquivo src/environments/environment.ts:\n\n```typescript\nexport const environment = {\n  production: false,\n  firebase: {\n    apiKey: \"sua-api-key\",\n    authDomain: \"seu-projeto.firebaseapp.com\",\n    projectId: \"seu-projeto-id\",\n    storageBucket: \"seu-projeto.appspot.com\",\n    messagingSenderId: \"seu-sender-id\",\n    appId: \"seu-app-id\"\n  }\n};\n```\n\n5. Executar a Aplicação\n\n```bash\n# Servidor de desenvolvimento\nng serve\n\n# Acesse: http://localhost:4200\n```\n\n📁 Estrutura do Projeto\n\n```\nsrc/\n├── app/\n│   ├── components/          # Componentes Angular\n│   │   ├── chat/           # Componente principal de chat\n│   │   ├── channels/       # Lista e gestão de canais\n│   │   ├── profile/        # Perfil do usuário\n│   │   └── login/          # Autenticação\n│   ├── services/           # Serviços e lógica de negócio\n│   │   ├── auth.service.ts\n│   │   ├── chat.service.ts\n│   │   └── notification.service.ts\n│   ├── guards/             # Guards de rota\n│   ├── models/             # Interfaces TypeScript\n│   └── pipes/              # Pipes personalizados\n├── assets/                 # Recursos estáticos\n└── environments/           # Configurações de ambiente\n```\n\n🔧 Scripts Disponíveis\n\n```bash\n# Desenvolvimento\nnpm start          # Servidor de desenvolvimento\nng serve           # Alternativa\n\n# Build\nnpm run build      # Build de produção\nng build           # Alternativa\n\n# Testes\nnpm test           # Executar testes unitários\nng test            # Alternativa\n\n# Análise de código\nnpm run lint       # ESLint\nng lint            # Alternativa\n```\n\n🌐 Deploy\n\nDeploy no Firebase Hosting\n\n```bash\n# Build da aplicação\nng build --configuration production\n\n# Instalar Firebase CLI\nnpm install -g firebase-tools\n\n# Login e deploy\nfirebase login\nfirebase init hosting\nfirebase deploy\n```\n\n📱 Funcionalidades\n\n🎨 Interface do Usuário\n\n· Layout Responsivo: Adaptável a desktop, tablet e mobile\u003cbr\u003e\n· Tema Escuro: Interface moderna com tema escuro\u003cbr\u003e\n· Navegação Intuitiva: Sidebar colapsável em mobile\n\n💬 Sistema de Mensagens\n\n· Tempo Real: Atualização instantânea das mensagens\u003cbr\u003e\n· Formatação: Suporte a markdown básico\u003cbr\u003e\n· Citações: Sistema de reply para mensagens\u003cbr\u003e\n· Reações: Emojis para interação rápida\n\n🔐 Segurança\n\n· Autenticação JWT: Via Firebase Auth\u003cbr\u003e\n· Controle de Acesso: Baseado em roles\u003cbr\u003e\n· Regras Firestore: Segurança no nível do banco\n\n📊 Administração\n\n· Painel Admin: Gestão de usuários e canais\u003cbr\u003e\n· Estatísticas: Métricas de uso\u003cbr\u003e\n· Moderação: Ferramentas de moderação\n\n🤝 Contribuição\n\nContribuições são sempre bem-vindas! Por favor, siga estas etapas:\n\n1. Fork o projeto\n2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)\n3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')\n4. Push para a branch (git push origin feature/AmazingFeature)\n5. Abra um Pull Request\n\n🔄 Changelog\n\n· ✅ Chat em tempo real\u003cbr\u003e\n· ✅ Sistema de canais\u003cbr\u003e\n· ✅ Autenticação de usuários\u003cbr\u003e\n· ✅ Design responsivo\u003cbr\u003e\n· ✅ Upload de arquivos\n\n---\n\nDesenvolvido com ❤️ usando Angular e Firebase\n\n---\n\n## 🤝 Contribuições\nContribuições são sempre bem-vindas!  \nSinta-se à vontade para abrir uma [*issue*](https://github.com/NinoMiquelino/realtime-chat-app-angularjs/issues) com sugestões ou enviar um [*pull request*](https://github.com/NinoMiquelino/realtime-chat-app-angularjs/pulls) com melhorias.\n\n---\n\n## 💬 Contato\n📧 [Entre em contato pelo LinkedIn](https://www.linkedin.com/in/onivaldomiquelino/)  \n💻 Desenvolvido por **Onivaldo Miquelino**\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fninomiquelino%2Frealtime-chat-app-angularjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fninomiquelino%2Frealtime-chat-app-angularjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fninomiquelino%2Frealtime-chat-app-angularjs/lists"}