Projeto / Interface de gestão financeira em React
Harmony Accounts
Front-end financeiro com rotas, contexto compartilhado entre telas e um kit de componentes moderno.
Resumo do caso
Do desafio ao resultado.
- Desafio
- Telas financeiras que precisam compartilhar os mesmos dados de forma consistente.
- Objetivo
- Um front-end de gestão financeira moderno e testável.
- Solução
- React com rotas, contexto financeiro compartilhado entre telas e kit de componentes Radix, shadcn e Tailwind.
- Resultado hoje
- Protótipo em evolução Versão jogável ou navegável que valida a ideia e orienta a próxima versão.
- Tecnologia
- React / TypeScript / Vite · Tailwind / Radix / shadcn
01 / Solução em detalhe
O que foi construído.
- React Router e contexto financeiro entre telas
- Radix, shadcn, Tailwind e Lucide
- Vitest, Testing Library e Playwright no projeto
Interface
Rotas, componentes de apresentação e contexto financeiro compartilhado.
02 / Próximos passos
O que vem a seguir.
03 / Tecnologia
Ferramentas e o papel de cada uma.
| Tecnologia | Papel neste projeto |
|---|---|
| React / TypeScript / Vite | Interface e build |
| Tailwind / Radix / shadcn | Componentes |