Flowmodoro

O Flowmodoro é uma aplicação web inovadora projetada para potencializar a produtividade e o foco, combinando as eficazes técnicas Pomodoro e Flow. Este MVP (Produto Mínimo Viável) oferece uma interface simples e intuitiva, permitindo que os usuários gerenciem períodos de trabalho e descanso com facilidade, adaptando-se automaticamente ao tema claro ou escuro, conforme as preferências do usuário.

🌟 Funcionalidades

Contador Pomodoro: Gerencie seus períodos de foco com um contador fácil de usar. Inicie, pause e resete com um clique.
Período de Descanso: Personalize a duração do descanso. O Flowmodoro notifica quando é hora de descansar e quando voltar ao trabalho.
Tema Claro/Escuro: Ajuste o tema da aplicação de acordo com a sua preferência ou horário do dia.
Gerenciamento de Tarefas: Mantenha o foco em uma tarefa específica, adicionando-a ao contador.

📋 Backlog

O backlog do projeto inclui funcionalidades e melhorias planejadas para versões futuras. Estamos abertos a contribuições da comunidade para ajudar a implementar esses recursos!

Funcionalidades Planejadas

Integração com Ferramentas de Produtividade: Permitir a sincronização de tarefas com ferramentas populares como Trello, Asana e Todoist.
Relatórios e Estatísticas: Desenvolver uma seção para visualizar estatísticas de produtividade, como o número de ciclos Pomodoro completados e o tempo total focado.
Modo Foco: Implementar um modo que minimize as distrações, ocultando todas as outras interfaces, exceto o contador.
Teste A/B Modo Dark e Modo Light: Realizar um teste A/B para avaliar a preferência dos usuários entre o modo dark e o modo light, observando possíveis impactos na usabilidade e na satisfação do usuário. Será medido o tempo de permanência na aplicação, a frequência de uso e o feedback direto dos usuários para determinar qual modo é mais efetivo em promover a produtividade e o conforto visual.

Melhorias

Personalização do Tema: Ampliar as opções de personalização do tema, permitindo aos usuários criar temas completamente customizados.
Suporte Multilíngue: Adicionar suporte para outros idiomas, tornando o Flowmodoro acessível a uma audiência global.
Acessibilidade: Melhorar a acessibilidade do site, garantindo a conformidade com as diretrizes WCAG.

🛠 Tecnologias Utilizadas

React: Utilizado para construir a interface do usuário de forma reativa e eficiente.
Vite: Empregado como ferramenta de construção para agilizar o desenvolvimento e simplificar a configuração.
Chakra UI: Adotado para uma estilização rápida e responsiva, contando com um sistema de design acessível e integrado.
ESLint & Prettier: Implementados para assegurar a consistência do código e formatá-lo automaticamente.

🚀 Instruções de Instalação e Uso

Clone o repositório:
git clone https://github.com/rafaelamiranda/flowmodoro.git
Navegue até a pasta do projeto:
cd flowmodoro
Instale as dependências:
npm install
Inicie o servidor de desenvolvimento:
npm run dev

🤝 Contribuições

Sua contribuição é muito bem-vinda! Se você tem uma sugestão que poderia melhorar este projeto, siga os passos abaixo:

Fork o projeto
Crie uma Branch para sua Feature (git checkout -b feature/NomeDaFeature)
Adicione suas mudanças (git add .)
Commit suas mudanças (git commit -m 'Adição da NomeDaFeature')
Push para a Branch (git push origin feature/NomeDaFeature)
Abra um Pull Request

Não esqueça de verificar o guia de contribuição para mais detalhes sobre como contribuir para este projeto.

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

💬 Contato

Rafaela Miranda - ola@rafaelamiranda.com.br

Link do Projeto: https://github.com/rafaelamiranda/flowmodoro

Feito com ❤️ por Rafaela Miranda

rafaelamiranda / flowmodoro