/my-wallet-react

🗃️ Dashboard developed in React Js.

Primary LanguageTypeScriptMIT LicenseMIT

Dashboard for managing expenses and earnings.

Manage your monthly expenses and earnings..

GitHub language count GitHub Top Language

💲

Tópicos

Sobre a aplicação

Funcionalidades

Tecnologias e Ferramentas

Instalação e uso


Dashboard for managing expenses and earnings.

💲Desnvolvido na conclusão de um curso prático de React js. O Dashboard for managing expenses and earnings, tem como objetivo exemplificar uma "Carteira online", onde você consegue ver seu ganhos e gastos mensais.

🤑 Gif mostrando um pouco da aplicação

página de cadastro


💵 A aplição possuí um sistem simples de atenticação de usuário, onde só é possível logar com email e senha que foram colocados como exemplos no código. Logo no Dashboard, você consegue ver seus ganhos, gastos e saldo, além de gráficos animados com informações um pouco mais detalhadas. Navegando pela aplicação você consegue infomações de onde veio suas entradas e gastos. lembrando que as informções contidas nas listas, são apenas exemplos.


Funcionalidades

  • Sistema de login
  • Acesso a estatísticas dos seus gastos e ganhos mensais.
  • Gráficos detalhando as informações da sua carteira.
  • Filtro de mês e ano.
  • Sessão de entradas e saídas.
  • Alternancia de tema entre dark e light.
  • Gráficos criados utilizando a biblioteca Recharts.
  • Páginas dinâmicas com React js.

Tecnologias e Ferramentas

As seguintes tecnologias foram utilizadas no desenvolvimento do projeto:


Instalação e Uso

Para rodar a aplicação, você precisa instalar o Node

Siga os passos abaixo:

# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/vitorSantanaDev/my-wallet-react.git
# ou use a opção de download.

# Entre na pasta com 
$ cd my-wallet-react

# Instale as dependências
$ yarn install

# Rode a aplicação
$ yarn start


Feito com 💚 by Vitor_Santana

Linkedin Badge Gmail Badge