O PoupApp é uma plataforma de gerenciamento financeiro voltada para ajudar usuários a organizar suas finanças. Focado na simplicidade, o PoupApp permite que os usuários acompanhem seus gastos, definam metas financeiras e visualizem seu progresso através de gráficos dinâmicos.
Com funcionalidades que incentivam o controle de despesas e a organização do orçamento diário, o PoupApp se torna o parceiro ideal para quem busca saúde financeira e realização de objetivos pessoais.
O PoupApp oferece as seguintes funcionalidades:
- Acompanhar o orçamento diário e manter o controle das suas despesas.
- Definir uma meta financeira e visualizar o progresso em direção ao objetivo.
- Realizar transações de maneira prática, adicionando despesas e receitas.
- Adicionar contas e gerenciar seus saldos.
- Analisar seus gastos por meio de gráficos dinâmicos, categorizando as despesas para melhor entendimento.
O projeto foi desenvolvido utilizando as seguintes tecnologias:
React.js- Biblioteca para construção de interfaces dinâmicas.Vite.js- Ferramenta de construção rápida para desenvolvimento com JavaScript moderno.Styled-components- Para estilização de componentes com CSS-in-JS.Redux Toolkit- Gerenciamento de estado centralizado.React Router Dom- Para navegação entre páginas da aplicação.Redux Dev Tools- Ferramenta de debug para Redux.Figma- Para prototipagem e design visual do projeto.
E outras dependências e ferramentas auxiliares.
Para rodar o projeto em sua máquina local, siga estes passos:
-
Baixe o repositório do projeto para o seu computador.
-
Navegue até a pasta do projeto, extraia os arquivos e abra no seu editor de código favorito.
-
Instale as dependências executando:
npm install
-
Para iniciar o servidor de desenvolvimento, utilize o comando:
npm run dev
-
O projeto estará disponível em http://localhost:5173.
Gostou do projeto e quer conhecer mais?
O design e protótipo deste projeto podem ser encontrados aqui. Este projeto é fictício e sem fins lucrativos.
Aproveite o desenvolvimento e aprimoramento do PoupApp!