Faaaaaaala, dev! Vamos agora passar pelos requisitos desse desafio.

Nesse projeto front-end será desenvolvido uma aplicação React que, em conjunto com a API, permite o gerenciamento de transações e categorias.

Funcionalidades e Regras

Assim como na API, temos as seguintes funcionalidades e regras:

• [ ] 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;

<aside> 💡

Dica: Copie os checkbox acima para o README do seu projeto. Assim irá poder ir marcando na medida que implementar as funcionalidades. 😉

</aside>

Páginas

Essa aplicação possui 6 páginas e dois modais com os formulários (Dialog):