Quasar Framework is an open-source Vue JS framework for building apps, with a single codebase, and deploy it on to Mobile, Web, or Desktop. Today we will be using the Quasar Framework with the Vue 3 composition API to create a note-taking app.

This app will allow users to create, update and delete notes using a rich text editor that comes preconfigured with quasar. I’ll also show you how you can run the app on the web, desktop, and mobile app.

⚡ RESOURCES ⚡
Source Code - https://github.com/codingwithjustin/quasar-note-app
Quasar Framework - https://v2.quasar.dev/
Quasar Layout Builder - https://v2.quasar.dev/layout-builder

⭐ TIMESTAMPS ⭐

  • 0:00 - Intro
  • 0:38 - Project setup
  • 1:40 - Layout
  • 2:11 - Router
  • 3:06 - Data Storage with localStorage
  • 5:14 - Notes list
  • 6:51 - New Note
  • 8:15 - Note Page
  • 10:15 - Deployment
  • 11:41 - Conclusion

#quasar #vue

Quasar Framework with Vue 3 Composition API - Building a Cross Platform note app
26.45 GEEK