<h1 align="center"> <br> <img src="./.github/logo-dev-finances.png" width="500" heigh="150" alt="logo Dev.Finances"> </h1> <p align="center"> <img alt="Plataforma" src="https://img.shields.io/static/v1?label=Plataforma&message=Mobile/PC&color=294D38&labelColor=2ECC71"> <img alt="Versão" src="https://img.shields.io/static/v1?label=Versão&message=2.0&color=294D38&labelColor=2ECC71"> <img alt="Tamanho do repositório" src="https://img.shields.io/github/repo-size/NyctibiusVII/Dev.Finances?color=294D38&labelColor=2ECC71"> <a href="https://github.com/NyctibiusVII/Dev.Finances/blob/master/LICENSE"> <img alt="Licença" src="https://img.shields.io/static/v1?label=License&message=MIT&color=294D38&labelColor=2ECC71"> </a> <a href="https://picpay.me/Matheus_nyctibius_vii"> <img alt="Donate" src="https://img.shields.io/static/v1?label=$&message=Donate&color=294D38&labelColor=2ECC71"> </a> </p> <p align="center"> <a href="#devfinances-">Projeto</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#tecnologias-">Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#layout-">Layout</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#licença-%EF%B8%8F">Licença</a> </p>

Dev.Finances <img src=".github/logo-icon.png" width="40" alt="logo icon"><img src=".github/logo-icon.png" width="40" alt="logo icon"><img src=".github/logo-icon.png" width="40" alt="logo icon">

Projeto desenvolvido para administrar melhor ganhos e gastos. Projeto realizado na Maratona Discover @Rocketseat.

Funcionalidades

• Site para administrar ganhos e gastos (controle financeiro)
• Cadastro e exclusão de transações
• Visualização do saldo de entrada e saída.
• Float Button
• Scrollbar personalizado
• Toast de erro - (Modal)
• Mudança de cor no Card 'total' - (+$0,00 verde ↑ e -$0,01 vermelho ↓)

Tecnologias 🚀

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Html
• Css
• Javascript

Layout 🚧

Desktop Screenshot

<div style="display: flex; flex-direction: 'column'; align-items: 'center';"> <!-- Responsive, 1440 x 900, 50% (Laptop L - 1440px)--> <img src="./.github/desktop-index-null.png" width="400px"> <img src="./.github/desktop-index.png" width="400px"> </div>

Mobile Screenshot

<div style="display: flex; flex-direction: 'row';"> <!-- Responsive, 425 x 900, 60% (Mobile L - 425px)--> <img src="./.github/mobile-index-null.png" width="180"> <img src="./.github/mobile-index.png" width="180"> <img src="./.github/mobile-modal-null-toast.png" width="180"> <img src="./.github/mobile-modal.png" width="180"> </div>

Rodando o projeto 🚴🏻‍♂️

# Clone o repositório
$ git clone https://github.com/NyctibiusVII/Dev.Finances.git

# Acesse a pasta do projeto no prompt de comando
$ cd Dev.Finances

# Abra o projeto com o navegador de sua preferência
$ index.html

Contribuição 💭

Para construir essa aplicação tive a ajuda do professor Maykbrito da Rocketseat que disponibilizou video aulas do projeto Dev.Finance$ e tive uma ajuda desta grande comunidade que a Rocketseat construiu no Discord. Feito com ♥ by Rocketseat :wave: Participe da nossa comunidade!

Confira a Contribuição para ver como iniciar uma discussão e começar a contribuir.

Licença ⚖️

Este projeto está sob a licença do MIT. Veja o arquivo LICENSE para mais detalhes.

Contato ✉️

| <img src="https://user-images.githubusercontent.com/52816125/90341686-05b68880-dfd8-11ea-969c-70c9ce9d0278.jpg" width="100"><br>_{<a href="https://www.instagram.com/nyctibius_vii/?hl=pt-br">@MatheusVidigal🦊</a>} | | :---: |

<p align="left"> <a href="https://www.linkedin.com/in/matheus-vidigal-nyctibiusvii/"> <img alt="Matheus Vidigal / Linkedin" src="https://img.shields.io/badge/-Matheus Vidigal-2ECC71?style=flat&logo=Linkedin&logoColor=fff"/> </a> <a href="https://mail.google.com/mail/u/1/#inbox?compose=GTvVlcSGLCKpKJfwPsKKqzXBplKkGtCLvCQcFWdWxCxQFfkHzzjVkgzrMFPBgKBmWFHvrjrCsMqSH"> <img alt="Matheus Vidigal / Linkedin" src="https://img.shields.io/badge/-Matheus Vidigal-294D38?style=flat&logo=Gmail&logoColor=fff"/> </a> </p>