Financy é um projeto desenvolvido como desafio prático da pós-graduação em Tech Developer 360 pela Rocketseat. A aplicação fullstack utiliza React com TypeScript no frontend, estilizado com Tailwind CSS e componentes Radix UI. O backend é construído com Node.js, TypeGraphQL para a API GraphQL, Prisma como ORM e SQLite como banco de dados. O gerenciamento de estado é feito com Zustand e React Query, e a autenticação via JWT.
O Financy é uma aplicação de gerenciamento de finanças pessoais que permite ao usuário registrar receitas e despesas, organizá-las por categorias e acompanhar sua situação financeira por meio de um dashboard com resumos e filtros por período.
- O usuário pode criar uma conta e fazer login
- O usuário pode ver e gerenciar apenas as transações e categorias criadas por ele
- Deve ser possível criar uma transação
- Deve ser possível deletar uma transação
- Deve ser possível editar uma transação
- Deve ser possível listar todas as transações
- Deve ser possível criar uma categoria
- Deve ser possível deletar uma categoria
- Deve ser possível editar uma categoria
- Deve ser possível listar todas as categorias
- O usuário pode criar uma conta e fazer login
- O usuário pode ver e gerenciar apenas as transações e categorias criadas por ele
- Deve ser possível criar uma transação
- Deve ser possível deletar uma transação
- Deve ser possível editar uma transação
- Deve ser possível listar todas as transações
- Deve ser possível criar uma categoria
- Deve ser possível deletar uma categoria
- Deve ser possível editar uma categoria
- Deve ser possível listar todas as categorias
Além disso, também temos algumas regras importantes específicas para o front-end:
- É obrigatória a criação de uma aplicação React usando GraphQL para consultas na API e Vite como
bundler; - Siga o mais fielmente possível o layout do Figma;