Skip to content

devgustavosantos/dt-money

Repository files navigation

💵 DT Money

Este projeto é um gerenciador intuitico de finanças, que permite a visualização intuitiva das transações.

Capa do projeto

📖 Sumário


🎬 Pré-Visualização

gif da pré-visualização

gif da pré-visualização


📢 Aviso

  • O projeto está finalizado, mas poderá ter melhorias no futuro.

  • Você pode testar a aplicação clicando aqui!

  • Você também pode clonar o repositório, e executar a aplicação localmente.


📝 Sobre

Este é um projeto do programa Ignite da Rocketseat, para a apresentação dos seguinters conceitos:

  • Contextos
  • Reducers
  • Tipagens
  • Imutabilidade

💾 Tecnologias

  • ReactJS - utilizado para construir as interfaces;
  • TS - usado para fazer toda a lógica da aplicação;
  • Firebase - autenticação e armazenamento dos dados;
  • Styled Components - utilizado para fazer a estilização;
  • React Hook Form - para gerenciar o formulário;
  • Zod - para organização de tipagens;
  • Git - responsável por realizar o versionamento do código.
  • Vite - usado para criar um projeto React;
  • Yarn - utilizado para realizar a instalação das dependências;

🔨 Funcionalidades

  • Logar:
  • Cadastrar transação;
  • Procurar por transações;
  • Mostrar total de transações;
  • Navegar entre páginas;
  • Deslogar;

💡 Utilização

  • Para utilizar esse projeto localmente, você deverá ter configurado o Firebase Emulator, e seguir os passos abaixo.

  • Comece clonando o projeto:

  $git clone https://github.com/devgustavosantos/dt-money.git
  • Entre no diretório:
  $cd dt-money
  • Instale as dependências:
  $yarn
  • Inicie um servidor local para o frontend:
  $yarn start
  • Se tudo der certo, você receberá uma mensagem parecida com essa:
  VITE v5.4.1  ready in 205 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
  • Agora abra seu navegador no endereço que foi informado no "Local" para testar a aplicação.

Esses são os recursos disponíveis nessa Aplicação, se algum recurso não funcionar como o esperado, verifique essa documentação e tente novamente.

Caso persista, por favor,entre em contato com [email protected].

🤓 Autor

Feito com ❤️ por Dev Gustavo Santos 😀 Veja meu LinkedIn.

About

A mini dashboard to manage expenses.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published