Ionic Vue JS AWS Amplify Authentication CRUD Tutorial Part 1, Authentication UI Component

#ionic #vuejs #amplify #aws​​ #datastore​
Ionic Vue JS AWS Amplify Authentication CRUD Tutorial Part 1, Authentication UI Component

Integrate AWS Amplify with Ionic Vue JS - this is part one of a series of video about using AWS Amplify with Vue 3 and Ionic Framework. We will utilize the new Amplify Admin UI, Create Models and some relationships and then finally deploy the application to Amazon for hosting.

💥 CHAPTERS💥
00:00 - Intro - What is Amplify
01:15 - Overview of the vuejs app we are starting with
01:58 - Initializing Amplify In Project
03:00 - Adding Authentication & Amplify UI Components
05:00 - Adding Amplify UI Components to Our Code
08:00 - Fixing Sample Code to use the Setup Approach vs Options Approach
12:40 - First Run Test
13:20 - Creating Account with Amplify UI
14:31 - Fixing Browser Warnings from Custom Components
15:00 - In Ionic, needed to wrap the whole page to get it to work
16:20 - Add Email to UI to show that we are Logged In
17:05 - Add Sign Out UI Component
18:42 - Wrap Up

💥 VIDEO SERIES💥

💥 VUE JS PLAYLIST💥

💥 BLOG 💥

#ionic​ #vuejs​ #aws​ #vue3​ #crud​ #tutorial​ ​ #ionicframework​ #amplify​ #database​ #sql #awscloud

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

[aaronthomaswebster]

Aaron, Thanks for the tutorial. Does this work in ionic on mobile with federated logins, ie facebook or Google?

[smartengineer]

I have the UI and the source code for a react native application how do I built it in AWS Amplify? how do I upload the Icons, Ui and the code in my app? Please help!