Skip to content

Drlazinho/ignite-timer

Repository files navigation

Ignite-Timer

Aplicativo Pomodoro em React-typescript

É um app que tem como objetivo ajudar as pessoas a gerencia o tempo durantes as suas tarefas.

Na aplicação você defini o nome do projeto e o tempo, também tem acesso ao histórico das gestões que ficam armazenados no localstorage.


Desnevolvimento do Projeto

  • Rotas e Navegação com React-Router-Dom
  • Context API - para compartilhar dados e informações entre os componentes
  • Reducers - alternativa do useState para funções com lógicas mais complexas
  • Immer
  • LocalStorage
  • Styled-components para estilos

Figma

Design Figma


Imagens


Immer

A biblioteca Immer ajuda a lidar com os dados da aplicação sem ter que se preocupar com a imutabilidade do react.


Executando Localmente

  1. Primeiro passo
git clone https://github.com/Drlazinho/ignite-timer.git
  1. Em seguida entre no diretório usando o terminal
cd ignite-timer
  1. Depois de selecionado o diretório digite no terminal.
yarn install

or 

npm install
  1. E por último execute um dos seguintes commandos, que deve ter a mesma primeira palavra chave do comando anterior.
yarn dev

or

npm run dev

Por fim poderá usar a IDE de sua escolha para testar essa aplicação.