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