Uma webapp para controlares os teus gastos 💸 e ganhos 🤑 financeiros.
- Possibilidade de adicionar data, hora e local da transação
- Informação fica guardada no teu browser
Este é o projeto final de um bootcamp online de Vue.js da plataforma de cursos online Scrimba, a qual aconselho pela maneira como os cursos são dados e também por darem certificado no final. Durante o bootcamp foram abordados os seguintes conceitos e features da framework:
- Componentes
- Props e slots
- Eventos
- Lifecycles
- Event Bus
- Vue router
- Vuex
- Watchers, Mixins, Transitions
Decidi utilizar a framework Tailwind CSS. Embora não goste de como o HTML fica com tantas classes, sou fã desta framework pela sua utilidade, pelo seu design clean, pela facilidade de utilização e boa documentação.
Enquanto webapp de controlo de transações, as funcionalidades bases foram desenvolvidas no decorrer do bootcamp. Posteriormente, adicionei features para não só praticar e aprender Javascript como para melhorar a experiencia:
- Possibilidade de adicionar hora, data e localização atual
- Transações envidadas para Local Storage do browser
- Refresh para um design mais clean
- Meta Tags - SEO metatags generator
- Mapbox - API utilizada para a fazer a reverse geolocation