osmaclean / ignitetimer

Projeto construído no módulo 2 de React.js da Rocketseat.

Ignite Timer ⏱️

Índice 📌

• Descrição
• Interfaces
• Estrutura do projeto
• Configuração de Desenvolvimento
• Como rodar

Descrição

Projeto construído com o conceito de pomodoro, onde aprimorei minhas skills em StyledComponents, TypeScript, React.js e Vite. Utilizei algumas bibliotecas para o meu auxílio no desenvolvimento, como: Immer (Uma forma de trabalhar com imutabilidade de uma forma mais simples), React Hook Forms (Realizando algumas validações utilizando o hook form resolvers) e também utilizei a biblioteca Zodrealizado na formação de React.js da Rocketseat. 🚀

---

Interfaces

Modo Desktop 💻

---

Modo Mobile 📲 - Em desenvolvimento 🚧

---

Estrutura do projeto

Tecnologias Utilizadas

Bibliotecas Utilizadas

• Immer Lib (Forma de trabalhar com imutabilidade de uma forma mais simples)
• React Hook Forms (Realizei validações utilizando o hook form resolvers)
• Zod (Para validações.)

IDE Utilizada

Deployment ☁

Deploy realizado pela plataforma Vercel. Clique no botão abaixo e acesse o projeto.

Como rodar

Clone esse repositório em um diretório na sua máquina local, abra o diretório utilizando a sua IDE de preferência. No terminal da sua IDE, rode esses seguintes comandos:

npm i
npm run dev

OBS: Requer o Node.js instalado em sua máquina.

ignitetimer's Issues

Desktop