Projeto Web desenvolvido durante o Bootcamp Ignite by Rocketseat • Trilha ReactJS - TEMA: "DT Money 2.0" 💲
Descrição:
- Listagem das transações (entradas e saÃdas);
- Cálculo das entradas, saÃdas e total;
- Campo de busca;
- Modal para cadastro de nova transação;
- Layout responsivo (mobile e desktop).
Tecnologias utilizadas: 🚀
- ReactJs | ^18.2.0
- Vite | ^3.0.0 -D
- Typescript | ^4.6.4 -D
- Styled Components | ^5.3.5
- React Router Dom | ^6.3.0
- Radix UI (dialog e radio-group) | ^1.0.0
- React Hook Form | ^7.34.0
- JSON-Server | ^0.17.0 -D
Layout (design by @millenakmartins) 🤩
Desktop (screenshot):
Home | Modal nova transação |
---|---|
![]() |
![]() |
Mobile (screenshot):
Home | Home | Modal |
---|---|---|
![]() |
![]() |
![]() |
Dê uma olhada como o projeto ficou! 👀
https://dtmoney-2-jfernandesdev.vercel.app/