{"id":31809892,"url":"https://github.com/alanborgesdev/botflix-n8n","last_synced_at":"2026-05-19T07:31:04.894Z","repository":{"id":318079523,"uuid":"1052346729","full_name":"alanborgesdev/botflix-n8n","owner":"alanborgesdev","description":"BotFlix: Seu assistente pessoal para encontrar o filme perfeito. Feito com HTML, CSS, JS puro e n8n.io.","archived":false,"fork":false,"pushed_at":"2025-11-01T23:26:46.000Z","size":40194,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-02T01:07:51.213Z","etag":null,"topics":["css","frontend","html","javascript","movie-recommedation","n8n-io","personal-assistant","tmdb-api"],"latest_commit_sha":null,"homepage":"https://alanborgesdev.github.io/botflix-n8n/","language":"CSS","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/alanborgesdev.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-09-07T22:46:56.000Z","updated_at":"2025-11-01T23:26:49.000Z","dependencies_parsed_at":"2025-10-05T00:31:48.673Z","dependency_job_id":"15c8be6a-9562-4af7-85a0-27f37dc98d78","html_url":"https://github.com/alanborgesdev/botflix-n8n","commit_stats":null,"previous_names":["alanborgesdev/botflix-n8n"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alanborgesdev/botflix-n8n","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alanborgesdev%2Fbotflix-n8n","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alanborgesdev%2Fbotflix-n8n/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alanborgesdev%2Fbotflix-n8n/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alanborgesdev%2Fbotflix-n8n/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alanborgesdev","download_url":"https://codeload.github.com/alanborgesdev/botflix-n8n/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alanborgesdev%2Fbotflix-n8n/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33206273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-19T07:16:55.748Z","status":"ssl_error","status_checked_at":"2026-05-19T07:16:54.366Z","response_time":58,"last_error":"SSL_read: 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":["css","frontend","html","javascript","movie-recommedation","n8n-io","personal-assistant","tmdb-api"],"created_at":"2025-10-11T05:54:52.360Z","updated_at":"2026-05-19T07:31:04.873Z","avatar_url":"https://github.com/alanborgesdev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎬 BotFlix\n\n\u003e Seu assistente pessoal para encontrar o filme perfeito baseado no seu humor e preferências\n\nBotFlix é uma aplicação web inteligente que utiliza inteligência artificial para recomendar filmes personalizados. Basta descrever como você está se sentindo ou o que deseja assistir, e o sistema encontrará o filme ideal para você através da integração com a API do TMDB (The Movie Database).\n\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript\u0026logoColor=black)\n\n---\n\n## 🚀 Tecnologias Utilizadas\n\n- **HTML5** - Estrutura semântica da aplicação\n- **CSS3** - Estilização moderna com animações e gradientes\n- **JavaScript (Vanilla)** - Lógica de interação e requisições assíncronas\n- **N8N Webhook** - Integração com workflow de automação\n- **TMDB API** - Base de dados de filmes e metadados\n- **Ngrok** - Túnel para desenvolvimento local (webhook)\n\n---\n\n## 🧠 Funcionalidades\n\n- ✅ **Recomendação Inteligente**: Descreva seu humor ou preferência e receba sugestões personalizadas\n- ✅ **Interface Moderna**: Design inspirado na Netflix com animações suaves\n- ✅ **Busca por Sentimento**: Aceita descrições naturais como \"quero algo engraçado\" ou \"preciso de um thriller\"\n- ✅ **Informações Completas**: Exibe poster, título, sinopse e avaliação do filme\n- ✅ **Experiência Responsiva**: Layout adaptável para diferentes dispositivos\n- ✅ **Animações Fluidas**: Efeitos visuais que tornam a experiência mais imersiva\n\n---\n\n## 🗂️ Estrutura do Projeto\n\n```\nbotflix/\n├── src/\n│   ├── css/\n│   │   ├── reset.css          # Reset de estilos padrão\n│   │   └── styles.css         # Estilos principais e animações\n│   ├── js/\n│   │   ├── config.js          # Configuração do webhook (não versionado)\n│   │   ├── config.example.js  # Exemplo de configuração\n│   │   └── index.js           # Lógica principal da aplicação\n│   └── images/\n│       └── botflix-robot.jpg  # Logo do assistente\n├── index.html                 # Página principal\n├── LICENSE                    # Licença MIT\n└── .gitignore                # Arquivos ignorados pelo Git\n```\n\n---\n\n## ⚙️ Como Executar o Projeto\n\n### Pré-requisitos\n\n- Navegador web moderno (Chrome, Firefox, Edge, Safari)\n- Servidor local (Live Server, http-server, ou similar)\n- N8N configurado com workflow para processamento de filmes\n- Conta na [TMDB API](https://www.themoviedb.org/settings/api)\n\n### Passo a passo\n\n1️⃣ **Clone o repositório**\n```bash\ngit clone https://github.com/alanborgesdev/botflix.git\ncd botflix\n```\n\n2️⃣ **Configure o webhook**\n```bash\n# Copie o arquivo de exemplo\ncp src/js/config.example.js src/js/config.js\n\n# Edite o arquivo config.js e adicione sua URL do webhook N8N\n```\n\nNo arquivo `src/js/config.js`:\n```javascript\nconst config = {\n    webHookUrl: 'SUA_URL_N8N_WEBHOOK_AQUI'\n};\n```\n\n3️⃣ **Execute com um servidor local**\n\n**Opção 1 - Live Server (VSCode)**\n- Instale a extensão \"Live Server\"\n- Clique com botão direito em `index.html`\n- Selecione \"Open with Live Server\"\n\n**Opção 2 - Python**\n```bash\n# Python 3\npython -m http.server 8000\n\n# Python 2\npython -m SimpleHTTPServer 8000\n```\n\n**Opção 3 - Node.js (http-server)**\n```bash\nnpx http-server -p 8000\n```\n\n4️⃣ **Acesse a aplicação**\n```\nhttp://localhost:8000\n```\n\n---\n\n## 🔧 Configuração do N8N Workflow\n\n### Arquitetura do Workflow\n\n![N8N Workflow](./src/images/n8n-workflow.png)\n\n*Workflow N8N: Webhook → AI Agent (Google Gemini) → HTTP Request (TMDB API) → Respond to Webhook*\n\nPara que o BotFlix funcione corretamente, você precisa configurar um workflow no N8N que:\n\n1. **Webhook**: Receba o prompt do usuário via POST\n2. **AI Agent (Google Gemini)**: Processe a intenção e identifique o tipo de filme desejado\n3. **HTTP Request**: Consulte a TMDB API para buscar filmes correspondentes\n4. **Respond to Webhook**: Retorne os resultados no formato esperado\n\n```json\n{\n  \"results\": [\n    {\n      \"title\": \"Nome do Filme\",\n      \"overview\": \"Sinopse do filme\",\n      \"poster_path\": \"/caminho-do-poster.jpg\",\n      \"vote_average\": 8.5\n    }\n  ]\n}\n```\n\n---\n\n## 🎨 Características de Design\n\n- **Paleta de Cores**: Inspirada na Netflix (preto, vermelho #E50914)\n- **Tipografia**: Inter (Google Fonts) para legibilidade moderna\n- **Animações CSS**: Gradientes animados em background e flutuação do robô\n- **Glassmorphism**: Cards com efeito de vidro fosco\n- **Hover Effects**: Transformações suaves nos cards de filmes\n- **Responsividade**: Layout flexível que se adapta a diferentes telas\n\n---\n\n## 🧪 Exemplos de Uso\n\nDigite no campo de busca:\n\n- *\"Quero algo engraçado para relaxar depois do trabalho\"*\n- *\"Estou procurando um thriller que me deixe na ponta da cadeira\"*\n- *\"Algo romântico para assistir com minha namorada\"*\n- *\"Preciso de um filme de ação com muita adrenalina\"*\n- *\"Quero chorar com um drama emocionante\"*\n\n---\n\n## 📸 Demonstração\n\n### Interface Principal\n![BotFlix Interface](/src/images/interface.png)\n\n### Resultado da Busca\n![Movie Card](/src/images/card.png)\n\n---\n\n## 🤝 Contribuindo\n\nContribuições são bem-vindas! Para contribuir:\n\n1. Faça um fork do projeto\n2. Crie uma branch para sua feature (`git checkout -b feature/NovaFuncionalidade`)\n3. Commit suas mudanças (`git commit -m 'Adiciona nova funcionalidade'`)\n4. Push para a branch (`git push origin feature/NovaFuncionalidade`)\n5. Abra um Pull Request\n\n---\n\n## 📬 Contato\n\n**Alan Borges**\n\n- GitHub: [@alanborgesdev](https://github.com/alanborgesdev)\n- LinkedIn: [linkedin.com/in/alanborgesdev](https://linkedin.com/in/alanborgesdev)\n\n---\n\n## 🧾 Licença\n\nEste projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**Desenvolvido com ❤️ por Alan Borges**\n\n⭐ Se este projeto foi útil para você, considere dar uma estrela!\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falanborgesdev%2Fbotflix-n8n","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falanborgesdev%2Fbotflix-n8n","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falanborgesdev%2Fbotflix-n8n/lists"}