Timer

Imagem prévia da aplicação

💻 Projeto

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.

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

🔗 Link do projeto

Se quiser ver o projeto no ar, clique aqui.

🚀 Como executar

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.

📝 License

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📓 Anotações pessoais

Instalação de dependências e outros comandos

# 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

_{Alberto Barbosa / PCD / FRONT END}

💠 NeverStopLearning 💠