dt money

Sobre   |   Features   |   Tecnologias   |   Requerimentos   |   Começando   |   Dados   |   Autor

🎯 Sobre

O dt money é uma dashboard com intuito de gerenciar as economias do usuário de forma rápida e prática, dando oportunidade ao usuário cadastrar novas transações e exibi-las em tela. A aplicação não ultiliza um back end e banco de dados real. Porém, foi utilizado o MirageJS para realizar a integração com uma "fake api" para coletar dados de forma dinâmica, facilitando ao trocar o url da api posteriormente.

A aplicação ainda não está em estado final, por conta disso, pode conter alguns erros.

✨ Features

✔️ Registrar novas transações;
✔️ Exibir histórico transações;
✔️ Realizar cálculo de entradas e saídas de economias;

🚀 Tecnologias

As seguintes tecnologias foram utilizadas no projeto:

• React
• TypeScript
• Styled-Components
• MirageJS

✅ Requerimentos

Antes de começar 🏁, você precisa ter Git e Node instalados.

🏁 Começando

# Clone this project
$ git clone https://github.com/carlosemartins97/heymoney

# Access
$ cd heymoney

# Install dependencies
$ yarn install

# Run the project
$ yarn start

# The server will initialize in the <http://localhost:3000>

🏁 Dados

#Go to root dir
$ cd heymoney

#Open index.tsx

Transactions is an array that contains all the data. The structure must follow:

transactions: [
        {
          id: 1,
          title: 'Freelancer de website',
          type: 'deposit',
          category: 'Dev',
          amount: 6000,
          createdAt: new Date('2021-02-12 09:00:00')
        },
#Feel free to add how many data you want.

Feito com ❤️ por Carlos Eduardo Martins

 

Back to top