2 min de leitura ·

Pitch:⏰ Projeto de Pomodoro Timer com Nextjs 13 App Router, React, Typescript e Tailwindcss. ⏰

🚀 Olá, pessoal tudo bem?

🔥 Tenho o prazer de compartilhar com vocês o mais recente projeto do meu portfólio, o Pomodoro Timer.

⏰ O Pomodoro Timer é uma ferramenta de gerenciamento de tempo robusta que desenvolvi utilizando NodeJs, TypeScript, JavaScript, React e as novas futures do NextJs13 app router, entre outras tecnologias. Projetado para ajudar na organização de tarefas, você pode inserir tarefas, definir a duração e acompanhar o progresso em tempo real.

📚 Além disso, aproveitei este projeto para discutir tópicos técnicos importantes, como Formulários Controlados versus Não Controlados, o uso do hook useEffect, a evitação do Prop Drilling, as diferenças entre useState e useReducer, e o uso da Context API.

👩‍💻 No repositório, você pode encontrar o código-fonte completo, além de uma discussão detalhada sobre esses tópicos técnicos.

🎨 O design foi feito com TailwindCSS para uma experiência de usuário agradável e responsiva.

👉 Além disso, para quem estiver interessado, criei um template de projeto que pode ser útil para quem quer começar um novo projeto NextJs com TypeScript e Tailwind.

🔧 Este é um projeto de código aberto, por isso sinta-se à vontade para explorar o código, aprender com ele e, é claro, fornecer feedback ou contribuir com melhorias.

🙏 Agradeço a todos pela atenção e espero que gostem do Pomodoro Timer!

🔗 Link do Projeto: Pomodoro Timer
🔗 Link do Repositório: Repositório GitHub
🔗 Link do Template: Template NextJs

Fonte: https://github.com/LivioAlvarenga/pomodoro-timer/blob/main/README.md

ClebersonLima

1 ano atrás

Cara primeiramente parabens pelo projeto!
Segundo se eu puder dar um feedback, quando clicar em interromper acredito que não deva reiniciar o relogio, pois o usuario pode pausar por algum motivo externo e depois querer voltar e vai precisar reiniciar o timer e fazer uma gerencia do tempo externa.

livioAlvarenga

Autor

1 ano atrás

Olá, obrigado pelo seu comentário e pelo feedback!

Você levantou um ponto excelente sobre a funcionalidade de interrupção. Realmente, faz todo o sentido não reiniciar o relógio se o usuário decidir pausar por algum motivo. Este é um aspecto importante da experiência do usuário que eu não havia considerado.

Vou implementar essa sugestão com certeza, para que o timer possa ser pausado e retomado do ponto onde foi interrompido.

Mais uma vez, agradeço muito pela sua opinião. Este é o tipo de feedback que ajuda a aperfeiçoar e melhorar os projetos. Fique à vontade para trazer mais sugestões, caso tenha!

viniciusmazine

1 ano atrás

Meus parabéns, bro. Muito legal e vou utilizar por aqui.

Ótima a ideia de deixar o histórico, bem útil.

Só deiaria uma dica: ele dar algum aviso sonoro quando acabar o timer. Usei ele aqui e não vi que tinha terminado.

livioAlvarenga

Autor

1 ano atrás

Olá!

Agradeço pelo o feedback. Fico muito feliz que tenha apreciado a ideia do histórico.

Sua sugestão de adicionar um aviso sonoro ao fim do timer é excelente, vou me planejar para implementar esta funcionalidade. Acredito que isso irá melhorar significativamente a experiência do usuário.

Além disso, acho que a ideia de adicionar um botão para pausar e retomar a tarefa também será um grande acréscimo.

Estou planejando, ainda, expandir este projeto incluindo uma API REST usando Node.js, Prisma e PostgreSQL para torná-lo ainda mais funcional e versátil.

Vou me basear no meu repositórioAPI Rest NodeJs com SOLID

Agradeço novamente por suas sugestões construtivas. É sempre bom ter um retorno.

Muito obrigado pela sugestão.