Channel BannerChannel Banner
F6P0hve2clEF6P0hve2clE

Flutter Course – Build Full Stack Google Docs Clone

141,306
Socialcounts.OrgEnter Fullscreen (f)
4,041
likes
103
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

Flutter Course – Build Full Stack Google Docs Clone Analytics Table

Income Estimates for Flutter Course – Build Full Stack Google Docs Clone

Based on this YouTube video's total view count of 141K views and industry-standard rates, the estimated total earning is $99 - $283 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About Flutter Course – Build Full Stack Google Docs Clone

Explore Flutter Course – Build Full Stack Google Docs Clone with 141,306 views, 4,041 likes, and 103 comments. Experience the impact of this video content that has captured audience attention.

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. ✏️ Course created by Rivaan Ranawat. Check out his channel: https://www.youtube.com/c/RivaanRanawat 💻 Source Code: https://github.com/RivaanRanawat/flutter-google-docs-clone Special Thanks: @Aadhi Arun Prerequisites: Flutter & Dart Basics Flutter Version: 3.3 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:57) Creating Flutter Project ⌨️ (0:02:56) Designing Login Screen ⌨️ (0:09:24) Google Cloud Platform oAuth Client ID ⌨️ (0:13:00) Google Auth Android Setup ⌨️ (0:15:30) Google Auth iOS Setup ⌨️ (0:17:25) Google Auth Web Setup ⌨️ (0:19:17) Important Note on Auth ⌨️ (0:20:39) Running on Web on specific port ⌨️ (0:21:19) Google Sign In using Node.js ⌨️ (0:32:45) What is Node.js? ⌨️ (0:35:53) Creating & setting up Node Server ⌨️ (0:54:00) MongoDB Setup ⌨️ (1:01:01) Creating Signup API ⌨️ (1:32:16) Calling Signup API - Client Side ⌨️ (2:00:04) Persisting the State - Explanation ⌨️ (2:03:52) Generating JWT ⌨️ (2:07:31) Auth Middleware ⌨️ (2:22:50) Local Storage ⌨️ (2:41:15) Testing on Android ⌨️ (2:42:23) Routing ⌨️ (2:51:28) Creating NavBar ⌨️ (2:53:44) Signing Out ⌨️ (2:59:52) Creating New Document ⌨️ (3:23:32) Displaying all documents created by Me ⌨️ (3:37:57) Designing Document Screen ⌨️ (3:55:39) Updating Document Title ⌨️ (4:10:20) Socket Introduction & Connection ⌨️ (4:29:23) Collaborative Editing ⌨️ (4:49:26) Auto-Save ⌨️ (4:58:01) Routing Back to Main Page ⌨️ (4:59:45) Sharing Link ⌨️ (5:01:42) Conclusion Resources: SHA-1 Key: https://stackoverflow.com/questions/15727912/sha-1-fingerprint-of-keystore-certificate 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/docs/Web/HTTP/Status 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard