In this basics of Vue.js video, we go over the open-source, local-first Markdown note-taking app I made using Vue, Electron.js, and Tailwind CSS. We cover the usefulness of making local-first apps, dive into the tech stack and learn about some useful libraries like Marked.js and CodeMirror.
📖 Code - https://github.com/SuboptimalEng/grap...
🎥 YouTube - / suboptimaleng
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter - / suboptimaleng
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram - / suboptimaleng
== [ Resources ] ==
Vue.js: https://vuejs.org/
Vuex: https://vuex.vuejs.org/
Marked: https://marked.js.org/
CodeMirror: https://codemirror.net/
Electron: https://www.electronjs.org/
Tailwind CSS: https://tailwindcss.com/
Hotkeys: https://github.com/jaywcjlove/hotkeys/
== [ Timestamps ] ==
00:00 Note-Taking App Demo
01:24 Overview
02:49 Why Make a Local-First App?
04:54 Tech Stack: Vue, Tailwind, Electron
07:09 Helpful NPM Libraries
08:37 Future Improvements
10:40 Fin
== [ Tags ] ==
#suboptimal #vuejs #electron