Intro To MongoDB Realm with VueJS, Ionic Framework And ViteJS
Intro To MongoDB Realm with vueJS Ionic Framework And ViteJS - Project Setup, User Authentication, Create account
#mongodb #vuejs #realm #ionic
The MongoDB Realm Web SDK enables browser-based applications to access data stored in MongoDB Atlas and interact with MongoDB Realm services like Functions and authentication. The Web SDK supports both JavaScript and TypeScript applications.
In our project, we are going to connect to a MongoDB backend hosted in the cloud, create users, execute queries against the mongo database and run some cloud functions.
Part One - • Intro To MongoDB Realm with VueJS, Io...
Part Two - • Intro To MongoDB Realm with VueJS Ion...
Part Three - • Intro To MongoDB Realm with Vue JS Io...
Currently, there is no solution for writing to the local database as a replacement for sqlite. It looks like some people have started to build a plugin, but didn't get too far.
Chapters
---------------
00:00 - Intro
01:50 - what is Realm
03:10 - Setup Project and Database
07:03 - Setup Email Password Authentication
08:35 - Store Custom User Data, Setup Database
13:08 - Starting to code, Ionic Vite VueJS
14:10 - Starting off with Some Code to Save Time
16:03 - Login User Template UI
17:05 - Login User Coding Functions
19:21 - Integrating Realm WebSDK - Login
25:00 - Create Account Template UI
28:46 - Integrating Realm WebSDK - Create Account & CustomData
34:16 - Testing Create Account
36:30 - Managing Private Routes and Redirection, Getting User Session
44:15 - Integrating Realm WebSDK - User Logout
47:00 - Testing Login, See User Info and Logout
47:28 - Forgot to Redirect on Successful Login
48:17 - Debugging Logout
50:04 - Tracking User Session To Redirect When App Launches
51:11 - Overview and What's Next
------------------------------------------------------------------------------
💰 Support this channel - https://ko-fi.com/fiwic
------------------------------------------------------------------------------
Links
--------
Getting Started - https://docs.mongodb.com/realm/web/#s...
Queries - https://docs.mongodb.com/realm/web/mo...
Cloud Functions - https://docs.mongodb.com/realm/web/ca...
Project Setup - https://docs.mongodb.com/realm/tutori...
Courses & Content
-------------------------------
👉 udemy courses: https://www.udemy.com/user/aaronsaunders
👉 gumroad content: https://fiwic.gumroad.com/
#ionic #capacitor #vuejs #ionicvue #mongodb #database #realm #composition #compositionapi #statemanagement #vue3
~-~~-~~~-~~-~
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
• Ionic Vue, Getting Started With Appwrite
~-~~-~~~-~~-~
