Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2.
3-Hour Vue.js Crash Course:
https://www.youtube.com/watch?v=VeNfHj6MhgA
Final Code:
https://github.com/bradtraversy/vue-expense-tracker
Vanilla JS Project Repo:
https://github.com/bradtraversy/vanillawebprojects
Blog Post:
https://www.traversymedia.com/blog/vue-expense-tracker
Check Out My Courses:
Timestamps:
- Intro & Demo
- Vue.js Setup
- File Structure
- Boilerplate Clean Up
- Create Component Files & Templates
- Create and import Components
- TransactionList Display
- Transactions in Global State
- Pass & Recieve Props (defineProps)
- Balance Component & computed()
- Income & Expenses Component
- AddTransaction Form Component
- Binding Form Inputs
- Validation & Toasts
- Emit Custom Events (defineEmits)
- Add Transaction to State
- Deleting Transactions
- Fetch From Local Storage & OnMounted()
- Save to Local Storage
1:38:36
1:40
7:18
43:53