Dev.Finances
Projeto desenvolvido para administrar melhor ganhos e gastos. Projeto realizado na #MaratonaDiscover com a @Rocketseat. 💲💲💲 Dev.Finances 💲💲💲
Install / Use
/learn @NyctibiusVII/Dev.FinancesREADME
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:
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><sub><a href="https://www.instagram.com/nyctibius_vii/?hl=pt-br">@MatheusVidigal🦊</a></sub> | | :---: |
<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>