https://github.com/cleilsonandrade/dev.finances

Aplicação de controle financeiro, que permite ter o cadastro de valores de entrada e saída includo datas e logica para calculo em tempo real, com opções de exclusão de valores oferecendo atualização em tempo real e valores totais de entrada e saída. Desenvolvido utilizando as tecnologias web HTML, CSS e JavaScript.
https://github.com/cleilsonandrade/dev.finances

css design finance finance-management finances front-end html javascript json localstorage maratonadiscover rocketseat vanilla-javascript

Last synced: 3 months ago
JSON representation

Aplicação de controle financeiro, que permite ter o cadastro de valores de entrada e saída includo datas e logica para calculo em tempo real, com opções de exclusão de valores oferecendo atualização em tempo real e valores totais de entrada e saída. Desenvolvido utilizando as tecnologias web HTML, CSS e JavaScript.

• Host: GitHub
• URL: https://github.com/cleilsonandrade/dev.finances
• Owner: CleilsonAndrade
• License: mit
• Created: 2021-01-28T17:25:53.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-12T14:39:29.000Z (10 months ago)
• Last Synced: 2024-04-12T22:20:42.416Z (10 months ago)
• Topics: css, design, finance, finance-management, finances, front-end, html, javascript, json, localstorage, maratonadiscover, rocketseat, vanilla-javascript
• Language: CSS
• Homepage: https://cleilsonandrade.github.io/dev.finances/
• Size: 260 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    
dev.finance$

    
Aplicação de controle financeiro, que permite ter o cadastro de valores de entrada e saída includo datas e logica para calculo em tempo real, com opções de exclusão de valores oferecendo atualização em tempo real e valores totais de entrada e saída. Desenvolvido utilizando as tecnologias web HTML, CSS e JavaScript.

    



# 📒 Índice

* [Descrição](#descrição)

* [Requisitos Funcionais](#requisitos)

  * [Features](#features)

* [Tecnologias](#tecnologias)

* [Endpoints](#endpoints)

* [Design](#design)

  * [Cores](#cores)

  * [Fontes](#fontes)

* [Instalação](#instalação)

* [Licença](#licença)

# 📃 Descrição

Aplicação de controle financeiro, que permite ter o cadastro de valores de entrada e saída includo datas e logica para calculo em tempo real, com opções de exclusão de valores oferecendo atualização em tempo real e valores totais de entrada e saída. Desenvolvida durante a Maratona Discover realizada pela [**@Rocketseat**](https://github.com/Rocketseat) utilizando as tecnologias web HTML, CSS avançado como a utilização das propriedades position, grid. JavaScript com recursos de local Storage, JSON, validação de formulário e datas.

# 📌 Requisitos Funcionais

- [x] Cadastro de novas transações com descrição, valor e data


- [x] Valor total atualizado do saldo de entradas/saídas das transações


- [x] Valor total atualizado do saldo atual


- [x] Exclusão de transações, atualizando os saldos (entradas, saídas e saldo atual)


## Features:

- [x] Modal para cadastro de novas transações


- [x] Compatibilidade mobile


- [x] Responsividade


# 💻 Tecnologias

- **HTML**

- **CSS**

- **JavaScript**

- **JSON**

# 🎨 Design

- O modelo final para desktop e mobile está disponível na pasta `./design`

- Cores


  * #363f5f


  * #49AA26


  * #3dd705


  * #e92929


  * #f0f2f5


- Fontes


  * Poppins, sans-serif

# 🚀 Instalação

```bash

  # Clone este repositório:

  $ git clone https://github.com/CleilsonAndrade/dev.finances.git

  $ cd ./dev.finances

```

# 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com 💜 by CleilsonAndrade