DT Money já era um projeto do Ignite. Porém passou por um redesign em sua interface e em suas features. Então na aplicação temos o uso de várias bibliotecas interessantes como o React Hook Form, Zod e até mesmo o JSON Server. Também usamos o reducer, useCallback e entre outros React Hooks.

Antes de tudo é necessário você fazer o download do projeto em sua máquina local. Pode baixar do jeito que preferir fazendo um git clone, fork do repositório ou baixar o zip do projeto.

Após ter feito isso, abra o projeto com o seu editor de código preferido. Recomendamos o uso do Visual Studio Code.

npm install

É o comando para baixar todas as dependências que o projeto possuí. Possibilitando roda-lo após a instalação.

npm run dev:server

Estamos usando o JSON Server para emular uma API Rest em nossa máquina local. Para possibilitar trabalhar com dados concretos e conseguir trabalha-los da melhor forma sem necessitar de um Back-end.

npm run dev

Inicia sua aplicação no ambiente de desenvolvimento. Após subir localmente em sua máquina, abra http://localhost:5173 para ver a aplicação em seu navegador.

A cada alteração no código fonte a página será renderizada novamente com o Live Reload do Vite. Também é possível ter a visualização de erros em tempo real no prompt de comando onde executou o projeto e no navegador web, através do console do navegador.

O ESLint é um linter, uma ferramenta de análise estática, para as linguagens Javascript e Typescript, sendo o mais popular do mundo para tais linguagens.

npm run lint

Esse comando faz com que em seu terminal você tenha o retorno dos arquivos que não estejam seguindo o padrão do linter estabelecido.

npm run lint:fix

Após rodar esse comando, todos os linter que estavam sendo apresentados como errado vai ser corrigido.

Abaixo você encontra as seguintes tecnologias, linguagens e ferramentas utilizadas para o desenvolvimento do projeto.