Ignite Timer

Projeto do segundo modulo do curso ignite, carinhosamente renomeado por mim como IgnitePomodoro
Você pode saber mais sobre o Ignite por aqui.

Sobre o Ignite   |    Tecnologias   |    Projeto   |    Layout   |    Licença

🎓 Sobre o Ignite

O Ignite é um bootcamp de especialização e desenvolvimento da Rocketseat que conta com:

• +970 aulas divididas em 4 trilha de conteúdo para você estudar no seu tempo
  • Trilha ReactJS: Front-end
  • Trilha React Native: Mobile
  • Trilha Node.JS: Back-end
  • Avance além do código: Soft skills (Ignite Higher)
• +200 horas de conteúdo técnico e teórico para você se especializar
• +36 projetos criados em aula para vocêse preparar para o mercado
• +30 desafios quizzes e desafios para você fixar o conteúdo

💻 Projeto

O projeto em questão é um timer, que tem o intuito de auxliar o usuário como uma espécie de pomodoro, aceitando em seus inputs informações como o nome da task o tempo que será usado para realizá-la. O projeto é o 2º da trilha de React do Ignite, descrito como Criando SPAs com ReactJS. No projeto foram aprendidos os seguintes conceitos:

• Styled Components
• Criação e tipagem de temas
• Padronização de código com ESLint
• Paginas e Rotas
• Controlled/Uncontrolled Form
• Hooks useEffect
• Evitar Prop Drilling com useContext
• Reducers

Para rodar o projeto, após clonar o repositório, dentro da pasta do projeto rode os seguintes comandos:

• Instale as dependencias com o seguinte comando:

  npm i
  

• Rode o projeto com o seguinte comando:

  npm run dev
  

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
  • Dependências
    • @hookform/resolvers
    • @phosphor-icons/react
    • date-fns
    • immer
    • react-hook-form
    • react-router-dom
    • styled-components
    • zod
• Vite
• Typescript
• Figma

🔖 Layout

Você pode visualizar o layout do projeto através por aqui.
É necessário ter conta no Figma para acessá-lo.

📝 Licença

Esse projeto está sob a licença MIT.

Feito com ♥ por Bruno Knop