Sobre | Deploy | Como utilizar | Layout | Tecnologias | Autor | Licença
O DT Money é um projeto desenvolvido pela Rocketseat, como parte da trilha de React do Ignite. Ele é um aplicativo projetado para facilitar o gerenciamento de despesas, receitas e débitos. Os usuários podem cadastrar novas entradas, sejam elas receitas ou débitos. Automaticamente, o sistema recalcula um resumo com o total de entradas, o total de saídas e o saldo geral. Além disso, apresenta uma lista detalhada desses gastos, incluindo informações como data de criação. O projeto foi construído utilizando React e aplicou os principais fundamentos da biblioteca, como useContext, useCallback, useMemo, entre outros.
obs: Devido ao uso do json-server, algumas funções não irão executar corretamente no link do deploy, para um teste real do app sugiro que faça um clone do repo, instale as dependências com seu gerenciador de pacotes, rode o servidor com o script 'dev:server', pegue a url local do json-server e coloque-a na baseURL do axios em src/lib/axios.ts, após isso, em outro terminal, rode o app com o script 'dev' e estará pronto para uso.
Vale ressaltar que este projeto foi desenvolvido como conclusão de um desafio proposto no curso/trilha Ignite oferecido pela Rocketseat.
O deploy da aplicação pode ser acessado através da seguinte URL: https://rcardoso-ignite-dt-money.vercel.app
Antes de realizar o download do projeto, é necessário instalar na sua máquina as seguintes ferramentas:
Além disto é importante uma IDE para manipular o código, como o VSCode
Passo a passo para clonar e executar a aplicação na sua máquina:
# Clone este repositório
$ git clone [email protected]:RuanCxrdoso/DT-Money.git
# Acesse a pasta do projeto no terminal
$ cd DT-Money
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação inciará em alguma porta disponível que poderá ser acessada pelo navegadorVocê pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.
Veja uma demonstração das principais interfaces da aplicação:
As seguintes bibliotecas foram utilizadas no desenvolvimento do projeto:
Para mais detalhes das libs aplicadas no projeto cheque o arquivo package.json
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações
Feito com 💛 por Ruan 👋🏽 Entre em contato!