Skip to content

devgustavosantos/ignite-timer

Repository files navigation

⏰ Ignite Timer

Um contador regressivo que organiza e monitora tarefas registradas, garantindo que você nunca perca um tempo!

Capa do projeto

📖 Sumário


🎬 Pré-Visualização

gif da pré-visualização

gif da pré-visualização


📢 Aviso

  • O projeto está finalizado, mas poderá ter melhorias no futuro.

  • Você pode testar a aplicação clicando aqui!

  • Você também pode clonar o repositório, e executar a aplicação localmente.


📝 Sobre

Este é um projeto do programa Ignite da Rocketseat, aonde foi proposto a construção de um contador regressivo para gerenciar tarefas. Alguns dos conceitos utilizados foram:

  • Contextos
  • Reducers
  • Tipagens
  • Imutabilidade

💾 Tecnologias

  • ReactJS - utilizado para construir as interfaces;
  • TS - usado para fazer toda a lógica da aplicação;
  • Styled Components - utilizado para fazer a estilização;
  • React Hook Form - para gerenciar o formulário;
  • Zod - para organização de tipagens;
  • Git - responsável por realizar o versionamento do código.
  • Vite - usado para criar um projeto React;
  • Yarn - utilizado para realizar a instalação das dependências;

🛠️ Funcionalidades

  • Iniciar uma tarefa;
  • Concluir uma tarefa;
  • Interromper uma tarefa;
  • Mostrar tarefas listadas;
  • Guardar tarefas na memória;

💡 Utilização

  • Para utilizar esse projeto localmente, você deverá seguir os passos abaixo.

  • Comece clonando o projeto:

  $git clone https://github.com/devgustavosantos/ignite-timer.git
  • Entre no diretório:
  $cd ignite-timer
  • Instale as dependências:
  $npm install
  • Inicie um servidor local para o frontend:
  $npm run dev
  • Se tudo der certo, você receberá uma mensagem parecida com essa:
  VITE v3.0.9  ready in 1989 ms

  ➜  Local:   http://127.0.0.1:5173/
  ➜  Network: use --host to expose
  • Agora abra seu navegador no endereço que foi informado no "Local" para testar a aplicação.

Esses são os recursos disponíveis nessa Aplicação, se algum recurso não funcionar como o esperado, verifique essa documentação e tente novamente.

Caso persista, por favor,entre em contato com [email protected].

🤓 Autor

Feito com ❤️ por Dev Gustavo Santos 😀 Veja meu LinkedIn.

About

A pomodoro timer build in typescript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published