Ionic Vue, Working With Appwrite Databases & Ionic Capacitor

Опубликовано: 16 Октябрь 2024
на канале: Aaron Saunders

494

Working With Appwrite Databases & Collections , Vue JS Ionic Framework & Capacitor
#vue #capacitor #appwrite

More goodness using @Appwrite @IonicFramework together 🙌

Appwrite - Build Fast. Scale Big. All in One Place.
Appwrite is a backend platform for developing Web, Mobile, and Flutter applications. Built with the open source community and optimized for a developer experience in the coding languages you love.

In this video, I'm going to show you how to work with Appwrite Cloud Database and Collections using Vue JS Ionic Framework & Capacitor including creating a database, creating collections, permissions on collections and documents, creating documents and listing documents

We will create the UI using Ionic Framework components and write the javascript code using vue js and typescript. We will also create a new composable for managing and interacting with the database and collections

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

//// See Part One -    • Ionic Vue, Getting Started With Appwrite

💥 Chapters
--------------------------
00:00 - Intro, Overview of Part One
01:01 - Clean up Home Page UI Add Modal For Adding Items
08:03 - Adding Function To AddItem To Database to Home Page
10:17 - Setting Up Database and Collection in AppWrite Cloud
13:30 - Exporting CONFIG object from useAppwrite composable for DatabaseID and CollectionID
14:52 - Creating the Composable For Database Interaction useAppwriteDB
17:30 - Creating a function in composable, doCreateDocument for adding items to the database
21:48 - Adding composable useAppwriteDB, doCreateDocument to Home Page for testing
26:30 - Creating a function in composable, doListDocuments for listing items from the database
27:55 - Adding composable useAppwriteDB, doListDocuments to Home Page for testing
32:00 - Getting all items when reloading the existing session, updating UI
35:00 - Adding IonList and IonItem to Style List UI
37:40 - Creating reactive variable in useAppwriteDB to hold all documents
40:20 - Update Home Page UI to render documents from useAppwriteDB reactive variable

//////// Need Help With Your Project https://www.clearlyinnovative.com/ion...

💥 Links
--------------------------
AppWrite Cloud - https://appwrite.io/public-beta
AppWrite - https://appwrite.io/
Ionic Framework - https://ionicframework.com/docs/
SOURCE CODE - https://github.com/aaronksaunders/my-...

💥 Social Media
--------------------------
Twitter -   / aaronksaunders
Facebook -   / clearlyinnovativeinc
Instagram -   / aaronksaunders
Dev.to - https://dev.to/aaronksaunders

~-~~-~~~-~~-~
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
   • Ionic Vue, Getting Started With Appwrite
~-~~-~~~-~~-~