Pular para o conteúdo
TL
Voltar aos projetos

Projeto pessoal

Ignite Timer

(2024)

Visão geral

Aplicação de método Pomodoro em React e TypeScript, com histórico de ciclos, contexto global e formulários validados.

Contexto

Projeto pessoal · 2024

Por trás da entrega

Estado, tempo e histórico organizados em uma experiência simples.

01

Desafio

Construir um timer Pomodoro confiável, capaz de preservar ciclos, histórico e interrupções sem espalhar estado pela aplicação.

02

Minha contribuição

Implementação da interface, regras do timer, contexto global, formulários validados e persistência do histórico.

03

Resultado

Um produto publicado que demonstra arquitetura de estado e componentização em React e TypeScript.

04

Decisões técnicas

  • Reducer para tornar transições de estado explícitas.
  • Contexto compartilhado para sincronizar timer e histórico.
  • Validação de formulário antes de iniciar cada ciclo.

Impacto

Pomodoro

método aplicado

No ar

em produção

Tecnologias
  • React
  • TypeScript
  • Styled Components
  • Vite
Ignite Timer — Desktop
Desktop
Ignite Timer — Mobile
Mobile

Próximo case

RocketNotes — Aplicação de notas com criação, edição, exclusão, tags e busca, integrando frontend em React a uma API própria em Node.js.
Projeto pessoal(2024)

RocketNotes

Aplicação de notas com criação, edição, exclusão, tags e busca, integrando frontend em React a uma API própria em Node.js.

  • React
  • JavaScript
  • Node.js
  • SQLite