🎯 Projeto Workshop: Contribuindo com Open Source com a ajuda do GitHub Copilot (Agent Mode)
Uma aplicação web projetada para ajudar os usuários a aumentar a produtividade e manter o foco através de um conjunto de ferramentas simples e eficazes. Este app combina uma lista de tarefas, um timer Pomodoro e um player de música lofi embutido, tudo em uma interface limpa e moderna com opções de modo claro e escuro.
Este projeto é usado como exemplo prático para ensinar contribuições Open Source com GitHub Copilot Agent.
Este projeto foi especialmente preparado para o workshop "Contribuindo com Open Source com a ajuda do GitHub Copilot (Agent Mode)".
- Faça um fork deste repositório para sua conta GitHub
- **Abra seu fork no codespaces ** direto no seu navegador
- Escolha uma issue marcada e se adicione no assign.
- Use o GitHub Copilot Agent para entender o código e implementar melhorias
- Commit suas Mudanças:
git commit -m 'Add: alguma FuncionalidadeIncrivel' - Push para a Branch:
git push origin feature/FuncionalidadeIncrivel - Abra um Pull Request
- 📝 Lista de Tarefas: Adicione, gerencie e acompanhe suas tarefas facilmente.
- 🍅 Timer Pomodoro: Trabalhe em intervalos focados de 25 minutos com pausas curtas, personalizável para seu fluxo de trabalho.
- 🎧 Player de Música Lofi: Incorpore suas playlists favoritas do Spotify (ou outras mídias) para criar uma atmosfera relaxante de trabalho.
- ☀️/🌙 Modo Claro e Escuro: Alterne entre temas claro e escuro para conforto visual ideal a qualquer hora do dia.
- 🎨 Interface Moderna: Interface de usuário esteticamente agradável e intuitiva.
- Frontend: HTML, CSS, JavaScript Vanilla
- Servidor de Desenvolvimento:
live-server(via scripts npm)
focus-on/
├── manifest.json # Configuração para extensão do Chrome
├── icons/ # Ícones da aplicação
├── src/ # Código-fonte principal
│ ├── index.html # Estrutura HTML principal
│ ├── css/ # Estilos CSS
│ │ └── style.css # Estilos principais + temas claro/escuro
│ └── js/ # Lógica JavaScript
│ ├── app.js # Lógica principal da aplicação
│ ├── todoList.js # Funcionalidade da lista de tarefas
│ └── components/ # Componentes reutilizáveis
│ ├── mediaEmbed.js # Player de música
│ ├── pomodoroTimer.js # Timer Pomodoro
│ └── todoList.js # Componente de lista de tarefas (legado)
├── package.json # Metadados do projeto e dependências
└── README.md # Este arquivo
- Alternar Tema: Clique no botão "☀️/🌙" (Alternar Tema), geralmente localizado no canto superior direito da página, para alternar entre os modos claro e escuro.
- Gerenciar Tarefas: Na seção "Lista de Tarefas", digite sua tarefa no campo de entrada e clique no botão "Adicionar Tarefa".
- Usar Timer Pomodoro: Na seção "Timer Pomodoro", clique em "Iniciar" para começar uma sessão de foco. Use os botões "Pausar" e "Reiniciar" conforme necessário.
- Ouvir Música: O player de mídia incorporado na seção "Música Lofi" deve estar pronto para reproduzir.
As contribuições são o que tornam a comunidade open source um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada.
- Use o GitHub Copilot Agent para entender código e obter sugestões de implementação
- Faça perguntas nos comentários das issues
- Confira o Código de Conduta
- Leia nossas Diretrizes de Contribuição
Distributed under the MIT License. See the LICENSE file (you may need to create one if it doesn't exist) for more information.