Descrição do projeto:
Essa aplicação foi desenvolvida para estudos seguindo os ensinamentos da Rocketseat no curso Ignite Ignite .
Nele aborda a criação de um projeto do zero em JavaScript e depois refatorado para TypeScript, também contém a configuração do zero. Para o intuito de se praticar a técnica pomodoro para seus estudos.
Contendo anotações e comentários particulares servindo de consulta para novos projetos.
Esse projeto foi desenvolvido com as seguintes tecnologias:
Se quiser ver o projeto no ar, clique aqui.
Clone o projeto e acesse a pasta do mesmo.
$ git clone https://github.com/Alberto21-boop/Timer.git
$ cd Timer
Para iniciá-lo, siga os passos abaixo:
# Instalar as dependências
$ npm install
# Iniciar o projeto
$ npm run dev
- O app estará disponível no seu browser pelo endereço http://localhost:5174.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
# Devido a atualização do React, até a data de hoje 16/05/2023 é impossível instalar a biblioteca styled-components.
# Por tanto devemos realizar um downgrade no npm para a versão 7.0.0 da seguinte forma:
➜ npm i -g npm@7
#Depois
➜ npm i --legacy-peer-deps styled-components
# Feito isso, após realizar o downgrade. com estes comandos, instalamos o styled-component da seguinte forma:
➜ npm i styled-components
➜ npm i @types/styled-components -D
# Para os ícones da aplicação
➜ npm i phosphor-react
#Para o form instalamos o seguinte biblioteca,e para uncontrolled e não "sobrecarregarmos a pagina"
➜ npm i react-hook-form
➜ i@hookform/resolvers
# E para contar os segundos no useEffect comparando a data atual instalar o seguinte pacote
➜ npm i date-fns
# Para imutabilidade
➜ npm i immer
![](https://github.com/Alberto21-boop.png?raw=true)
Alberto Barbosa / PCD / FRONT END
💠 NeverStopLearning 💠