Flutter + NodeJS Backend + Riverpod State Management Tutorial for Beginners - Google Docs Clone

Publicado el: 09 septiembre 2022
en el canal de: Rivaan Ranawat

40,318

1.1k

Build a Responsive Cross Platform Google Docs Clone using Flutter & Node.js. This tutorial is designed for beginners in Node.js and no prior knowledge Javascript is required. This course will go through Google Authentication WITHOUT Firebase, keeping the users logged in, creating new documents, viewing the list of documents created by user, updating the title of the document, sharing link of the document, adding a rich text editor, collaboratively editing with as many users as you want and creating responsive design. We will be using Flutter, Node, Express, Socket, MongoDB and Riverpod.

Prerequisites: Flutter & Dart Basics
Flutter Version: 3.3

📌 Join the Community:   / discord
Source Code: https://github.com/RivaanRanawat/flut...
Special Thanks: ‪@aadhiarun2230‬

Timestamps:
(00:00:00) Intro
(00:00:42) Creating Flutter Project
(00:02:41) Designing Login Screen
(00:09:09) Google Cloud Platform oAuth Client ID
(00:12:45) Google Auth Android Setup
(00:15:15) Google Auth iOS Setup
(00:17:10) Google Auth Web Setup
(00:19:02) Important Note on Auth
(00:20:24) Running on Web on specific port
(00:21:04) Google Sign In using Node.js
(00:32:30) What is Node.js?
(00:35:38) Creating & setting up Node Server
(00:53:45) MongoDB Setup
(01:00:46) Creating Signup API
(01:32:01) Calling Signup API - Client Side
(01:59:49) Persisting the State - Explanation
(02:03:37) Generating JWT
(02:07:16) Auth Middleware
(02:22:35) Local Storage
(02:41:00) Testing on Android
(02:42:08) Routing
(02:51:13) Creating NavBar
(02:53:29) Signing Out
(02:59:37) Creating New Document
(03:23:17) Displaying all documents created by Me
(03:37:42) Designing Document Screen
(03:55:24) Updating Document Title
(04:10:05) Socket Introduction & Connection
(04:29:08) Collaborative Editing
(04:49:11) Auto-Save
(04:57:46) Routing Back to Main Page
(04:59:30) Sharing Link
(05:01:27) Conclusion

Resources:
SHA-1 Key: https://stackoverflow.com/questions/1...
Node Website: http://nodejs.org
NPM Website: https://www.npmjs.com
MongoDB: http://mongodb.com/
More about Status Codes: https://developer.mozilla.org/en-US/d...

Join this channel to get access to perks:
   / @rivaanranawat

Connect With Me Here:
Twitter:   / ranawatrivaan
GitHub: https://github.com/rivaanranawat
Instagram:   / optimalcoding
Linkedin:   / rivaan-ranawat
Facebook:   / rivaan.ranawat
Mail: namanrivaan@gmail.com
Medium:   / namanrivaan

#flutter #nodejs #mongodb

En esta página del sitio puede ver el video en línea Flutter + NodeJS Backend + Riverpod State Management Tutorial for Beginners - Google Docs Clone de Duración hora minuto segunda en buena calidad , que subió el usuario Rivaan Ranawat 09 septiembre 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 40,318 veces y le gustó 1.1 mil a los espectadores. Disfruta viendo!

331