Página do aplicativo Fokus, um aplicativo de gerenciamento de tarefas com temporizador pomodoro embutido. Ótimo para alavancar sua produtividade mantendo a concentração e evitando distrações.
A página exibirá um cabeçalho, um cronômetro e um texto selecionado. Existem botões para os seguintes modos: Foco, Pausa Curta e Pausa Longa. Ao clicar em um desses botões, o estado global da aplicação será atualizado, alterando também o cronômetro. É possível iniciar e pausar o cronômetro.
As principais técnicas e tecnologias utilizadas neste projeto são:
- React
- JavaScript
- HTML
- CSS
Você pode acessar o protótipo do projeto inicial no Figma acessando aqui.
Após baixar o projeto, você pode abri-lo no Visual Studio Code. Para isso, siga os passos abaixo:
- No menu superior do VS Code, clique em:
- File > Open Folder (ou uma opção similar)
- Procure o local onde o projeto foi salvo e selecione a pasta (se o projeto foi baixado como um arquivo ZIP, será necessário extraí-lo antes).
- Clique em OK.
- Abra o terminal no VS Code.
- Execute o comando
npm installpara instalar as dependências. - Em seguida, execute
npm run devpara iniciar o projeto.
Após finalizar esses passos, você pode visualizar a aplicação.