ignite-timer: A TypeScript repository from fabiomoura-m

Sobre • Funcionalidades • Tecnologias Utilizadas • Como Executar • Deploy

Sobre

Contador utilizando a técnica de Pomodoro - desenvolvido durante a trilha de ReactJS no programa de especialização Ignite da Rocketseat.

Funcionalidades da Aplicação

Criar um temporizador
Interromper o temporizador
Registro do histórico do temporizador
Salvar os históricos no localStorage

Tecnologias Utilizadas

Na construção do projeto foram utilizadas as seguintes ferramentas:

Website (React + TypeScript)

PhosphorIcons - Biblioteca de ícones
date-fns - Biblioteca de datas
Vite - Ferramenta para construção do projeto
React Router - Biblioteca para controle de rotas
Immer - Biblioteca para manipular estados imutáveis de maneira mais simples
Styled Components - Biblioteca que nos permite o uso de estilos a nível de componente
Zod - Biblioteca de validação
React Hook Form - Biblioteca nativa de validação de formulário

Como Executar

Pré-requisitos
- É necessário possuir o Node.js instalado no computador
- É necessário possuir o Git instalado e configurado no computador
- Também, é preciso ter um gerenciador de pacotes seja o NPM ou Yarn.

Executando a Aplicação:

  # Clone este repositório
  $ git clone git@github.com:fabiomoura-m/ignite-timer.git 
  # Acesse a pasta do projeto em seu terminal
  $ cd ignite-timer
  # Instalando as dependências do projeto.
  $ npm install
  # Inicie a aplicação web
  $ npm run dev

Deploy

🚀 Ignite-Timer