Veja o projeto online: Pomodoro.Dev
Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Agradecimentos • Autor • Licença
O Pomodoro.Dev foi criado com base na Técnica Pomodoro, para a diminuição da ansiedade e ao aumento do foco e concentração nas tarefas, evitando o tempo desperdiçado e distrações.
Projeto desenvolvido durante a NLW4 - Next Level Week 4 oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.
-
O usuário pode fazer login com o Username ou Username do Github:
- Username:
- Salva apenas o nome cadastrado.
- Username Github:
- Salva foto do perfil do Github.
- Salva o nome cadastrado no Github.
-
Modo dark.
-
Iniciar um ciclo de 25 minutos.
-
Abadornar ciclo.
-
Dispara um efeito sonoro quando o ciclo chega ao fim.
-
No final do ciclo libera um novo desafio.
-
A cada desafio concluído o usuário ganha XP.
-
O usuário pode subir de nível completando desafios.
O layout da aplicação está disponível no Figma:
# Clone este repositório
$ git clone https://github.com/thsthiago/pomodoro.dev.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd pomodoro.dev
Rodando aplicação com yarn:
# Instale as dependências
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# A aplicação será aberta na porta:3000 - acesse:
$ http://localhost:3000
Rodando aplicação com npm:
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:3000 - acesse:
$ http://localhost:3000
As seguintes ferramentas foram usadas na construção do projeto:
- Protótipo: Figma → Protótipo (pomodoro.dev)
- Editor: Visual Studio Code
- Ícones: Font Awesome
- Fontes: Inter, Rajdhani
Obrigado ao Diego e a todos da equipe da Rocketseat, por mais um NLW🚀 incrível!
Thiago Cabral
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Thiago Cabral 🚀