yurimarcon / meusGastos

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Meus Gastos

image

Esse é um ótimo projeto de estudo ao Vue.js, você pode clonar esse diretório para conferir conceitos do vue com seus benefícios do 'Two-way data binding' que o vue.js oferece.

Esse projeto faz criação de itens em tela, com utilização do Vuex e seus atributos de state, getters, actions e mutations. Esse projeto aproveita de uma forma muito interessante os componentes que podem ser reutilizados.

Outro ponto muito útil para diversos projetos, independente da utilização do Vue.js, é a biblioteca do Chart.js, onde permite a utilização de diversos tipos de gráficos.

Utilizei o bootstrap 4.5 (mesmo lendo opiniões contra devido alguns conflitos do js, mas aqui não tive problemas), assim eu consegui fazer um front end mais amigavel com menos esforço. Assim também coloquei o projeto com responsividade para smartphones.

image image image

Concluíndo, esse projeto contempla diversas ferramentas dentro do Vue.js que pode ser aplicada em muitos projetos reais.

Recomendo o professor Sydney Sousa(https://github.com/sidneyroberto), que disponibilizou um curso totalmente grátis e pelo YouTube (https://www.youtube.com/watch?v=3L15dnvgFGY&list=PL370TvW48yBvqY5giX-iD8vnmN6vYr0Tt&index=1), então segue o link com o curso completo que vai explicar todos os conceitos utilizados nesse exercício de fixação.

Obrigado até aqui! 🖖

About

License:MIT License


Languages

Language:Vue 80.7%Language:JavaScript 12.4%Language:HTML 6.9%