Zustand

Página do aplicativo Fokus

🔨 Funcionalidades do Projeto

A página exibirá um cabeçalho, texto e uma paleta de cores que mudam de acordo com o modo do cronômetro selecionado. Existem botões para os seguintes modos: Foco, Descanso Curto e Descanso Longo. 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.

✔️ Técnicas e Tecnologias Utilizadas

As principais técnicas e tecnologias utilizadas neste projeto são:

• React
• JavaScript
• HTML
• CSS
• Zustand

📁 Acesso ao Projeto

Você pode acessar o código-fonte do projeto inicial ou baixá-lo.

🛠️ Como Abrir e Rodar o Projeto

Após baixar o projeto, você pode abri-lo no Visual Studio Code. Para isso, siga os passos abaixo:

1. No menu superior do VS Code, clique em:
   • File > Open Folder (ou uma opção similar)
2. 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).
3. Clique em OK.
4. Abra o terminal no VS Code.
5. Execute o comando npm install para instalar as dependências.
6. Em seguida, execute npm run dev para iniciar o projeto.

Após finalizar esses passos, você pode visualizar a aplicação.