Skip to content

skuzu7/APIRestReact

Repository files navigation

Aplicação de Balanço de Despesas em React

Este projeto é uma aplicação de balanço de despesas desenvolvida em React. Com esta aplicação, os usuários podem registrar suas despesas, acompanhar seu orçamento e visualizar um resumo de suas finanças de forma simples e intuitiva.

Recursos Principais

  • Registro de Despesas: Os usuários podem adicionar suas despesas, informando o nome, o valor e a categoria.
  • Cálculo Automático de Saldo: Com base nas despesas registradas, o saldo disponível é calculado automaticamente e exibido na tela.
  • Categorias Personalizadas: Os usuários podem criar categorias personalizadas para organizar suas despesas de acordo com suas preferências.
  • Validação de Formulários: Utilizando a biblioteca Zod, os dados inseridos pelos usuários são validados para garantir que estejam corretos e completos.
  • Controle de Formulários com React Hook Form: O React Hook Form é usado para facilitar o controle e a manipulação dos formulários.
  • Contexto Global: O useContext é utilizado para gerenciar um contexto global, permitindo o compartilhamento de informações importantes entre os componentes.

Tecnologias Utilizadas

  • React: A aplicação é desenvolvida com a biblioteca React, que proporciona um desenvolvimento ágil e eficiente de interfaces de usuário.
  • Zod: A biblioteca Zod é utilizada para a validação dos dados inseridos pelos usuários nos formulários.
  • React Hook Form: O React Hook Form é empregado para facilitar a manipulação e validação dos formulários.
  • useContext: O useContext é utilizado para gerenciar um contexto global na aplicação, compartilhando informações importantes entre os componentes.

Este projeto é uma ótima oportunidade para aprender e aprimorar habilidades em React, bem como para desenvolver uma aplicação prática que pode ser utilizada para auxiliar na gestão financeira pessoal.

Como Executar o Projeto

  1. Clone este repositório para o seu computador.
  2. Navegue até a pasta do projeto e instale as dependências utilizando o comando npm install ou yarn install.
  3. Inicie o servidor de desenvolvimento com npm start ou yarn start.
  4. Acesse a aplicação em http://localhost:3000 no seu navegador.

Sinta-se à vontade para contribuir com melhorias e novas funcionalidades para este projeto. Se tiver alguma dúvida ou problema, abra uma issue neste repositório.

Licença: Este projeto é licenciado sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.


Este projeto foi criado com fins educacionais e como uma demonstração do uso do React para criar uma aplicação de balanço de despesas. Ele não é destinado para uso em produção.

About

Personal expense tracker with balance calculation - React, Zod and React Hook Form

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors