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

💲 Site de controle de finanças desenvolvido para estudo de HTML5, CSS3 e JavaScript.
https://github.com/devmagno/dev.finances

devmagno discover front-end frontend html-css-javascript localstorage rocketseat

Last synced: 23 days ago
JSON representation

💲 Site de controle de finanças desenvolvido para estudo de HTML5, CSS3 e JavaScript.

• Host: GitHub
• URL: https://github.com/devmagno/dev.finances
• Owner: devMagno
• License: mit
• Created: 2021-01-16T00:46:38.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-21T02:55:05.000Z (almost 4 years ago)
• Last Synced: 2024-11-10T12:32:09.644Z (3 months ago)
• Topics: devmagno, discover, front-end, frontend, html-css-javascript, localstorage, rocketseat
• Language: JavaScript
• Homepage: https://devmagno.github.io/dev.finances/index.html
• Size: 56.6 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dev.finances 💲







## 📖 Sobre

O projeto **dev.finances** trata-se de um aplicativo de controle financeiro desenvolvido durante a **Maratona Discover** da **[Rocketseat](https://github.com/Rocketseat)**, com o intuito de pôr em prática os conceitos de **HTML5**, **CSS3** e **JS** aprendidos durante os cursos do Discover. Vi nessa maratona e nos cursos do Discover uma oportunidade de rever e solidificar alguns conceitos das tecnologias base do desenvolvimento front-end que venho estudando.

---

## 🚀 Tecnologias e ferramentas utilizadas

- **HTML5**

- **CSS3**

- **JavaScript**

---

## 🛰️ Funcionalidades

- Modal com formulário para adição de transação

- Remoção de transação ao clique

- Validação client-side dos dados

- Armazenamento e persistência de dados com Local Storage

- Alteração de tema com JavaScript e variáveis CSS

---

## 🖥️ Demonstração

[![dev.finances](https://i.imgur.com/8LztHtq.png "Clique para acessar o projeto")](https://devmagno.github.io/dev.finances/index.html "Clique para acessar o projeto")   

Você pode acessar o projeto clicando [aqui](https://devmagno.github.io/dev.finances/index.html).

---

## 🔖 Layout

O layout do projeto foi desenvolvido por [Tiago Luchtenberg](https://www.instagram.com/tiagoluchtenberg/?hl=pt-br) e pode ser acessado clicando [aqui](https://www.figma.com/file/38I8rGk0km4gMpb4ZxaT7c/dev.finance%24-Maratona-Discover-(Copy)).

---

## 🔧 Como executar o projeto

```bash

# Clone o repositório

git clone https://github.com/devMagno/dev.finances

# Entre no diretório

cd dev.finances

```

Depois disso, utilize uma ferramenta como o [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) para criar um servidor local e executar o projeto.

---

## 📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/dev.finances/blob/master/LICENSE).

---

**Desenvolvido com 💚 por [Guilherme Magno](https://github.com/devmagno/).**