Intro To MongoDB Realm with VueJS Ionic Framework And ViteJS — Project Setup, User Authentication, Create Account
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, Login Users, Save extra profile information with the User Execute Queries against the Mongo Database using the same mongo query language you normally use and run some cloud functions.
This will be split between two different videos, this first one will get you started all the way from the beginning where you set up your app and create your database.
We are building the application using Vuejs , it is being packaged and developed using ViteJS and the UI Components are from Ionic Framework
Chapters
- Intro
- what is Realm
- Setup Project and Database
- Setup Email Password Authentication
- Store Custom User Data, Setup Database
- Starting to code, Ionic Vite VueJS
- Starting off with Some Code to Save Time
- Login User Template UI
- Login User Coding Functions
- Integrating Realm WebSDK - Login
- Create Account Template UI
- Integrating Realm WebSDK - Create Account & CustomData
- Testing Create Account
- Managing Private Routes and Redirection, Getting User Session
- Integrating Realm WebSDK - User Logout
- Testing Login, See User Info and Logout
- Forgot to Redirect on Successful Login
- Debugging Logout
- Tracking User Session To Redirect When App Launches
- Overview and What's Next
Links
- Getting Started - docs.mongodb.com/realm/web/#std-label-web-i..
- Queries - docs.mongodb.com/realm/web/mongodb
- Cloud Functions - docs.mongodb.com/realm/web/call-a-function
- Project Setup - docs.mongodb.com/realm/tutorial/realm-app