Ionic Vue SQLite With Ionic Framework, and Capacitor

Ionic Vue SQLite With Ionic Framework, and Capacitor
#sqlite #ionic #vue

Build a CRUD App Using SQLite and the Capacitor Community Plugin for SQLite. We verify the application works on IOS, Android, and in the Browser.

This is a basic CRUD application and does not use any advanced plugin features like import, export, and encryption. I start with the vue + vite example from capacitor-community/sqlite documentation.

This example can work with the plugin and vue, there is no requirement for ionic framework, I just use it for the UI components

I am working on replacing the current Udemy course focusing on the basics here and the more advanced topics

/// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL

💥 Chapters
————————–
00:00:00 – Intro
00:01:49 – Project Setup
00:06:55 – SQLite Setup In Application, and Test Basic Integration
00:27:00 – Verify SQLite Basic Integration In Browser
00:27:30 – Verify SQLite Basic Integration In IOS Simulator
00:31:00 – Add CRUD User Interface
00:32:24 – Add CRUD User Interface – Setup DB and Clean up on Component LifeCycle
00:41:40 – Add CRUD User Interface – Listing ( Read ) Database Data
00:46:24 – Add CRUD User Interface – Create Database Data
00:58:10 – Add CRUD User Interface – Delete Database Data
01:04:40 – Add CRUD User Interface – Update Database Data
01:23:12 – Clean up All “any” for better typescript
01:28:50 – Verify Application on Android

💥 Links
————————–
Ionic Visual Studio Code Plugin – https://marketplace.visualstudio.com/items?itemName=ionic.ionic
Ionic Vue – https://ionicframework.com/docs/vue/overview
Capacitor – https://capacitorjs.com/
SQLite Plugin – https://github.com/capacitor-community/sqlite

#ionicframework #vuejs