Flutter Course – Build Full Stack Google Docs Clone

Special Thanks: @Aadhi Arun

Prerequisites: Flutter & Dart Basics
Flutter Version: 3.3

⭐️ 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: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:

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

[RivaanRanawat]

Hey folks! Thanks for watching and I hope you enjoyed the course. Feel free to contact me with any questions and I'll be more than happy to answer them. Check out my channel for more full stack development tutorials.

[dampfwatze]

There is a pretty big mistake at 3:26:30: When he deserialized the json data, he used the jsonDeserialize method inside the for loop condition and the for loop body, which parses the same data n * 2 times, when you only need to parse it once before the for loop! And because the size of the data is also proportional to n, this peace of code has a runtime of n^2!

[TanweerKarim_]

Rivaan bhaiya is the best, I even learned Flutter from him, I would like to thank him for doing one of the best work in the field of flutter. Lots of love bhaiya ❤.

[zskillcode]

WOW, this is probably the best open source Flutter project I've seen so far, thank you so much for this!

[haitiancreolewithluciano]

I love FreeCodecamp! Best resources ever! Great channel!!!

[rusurveillancetaskforce]

Wholesome to see this Hindu man chose the path of the Light, not the Scam 🙏

[Hacking-NASSA-with-HTML]

You rock, FreeCodeCamp ❤👍 Thank you so much!

[gonzalooviedo]

5 hours!, OH MY I will use this for learn flutter

[sankahajji]

Happy see this course very interesting 🇸🇴🇸🇴
I always search app dev tutorials

[angelkarki]

Rivaan bro waiting for bloc tuts man !

[TamilTechnoOfficial]

Very good explanation! Keep rocking bro

[yogeshpatil]

start 4/11

04/11 = 32:45
04/11 = 1:01:01
05/11 = 1:32:16
05/11 = 2:00:04(error message)

[kamertonaudiophileplayer]

Interesting thing is that Google Docs are actually a clone of other project I had a chance to work on.

[CyberGuard]

Hello freecodecamp. Thank you for uploading full course tutorials.
please can you upload a full course on cybersecurity?
Thank you!

[ycemilk]

This is amazing. Can you make a presentation program please? For example, morph transition are so exciting and I'm interested in their software. Thanks.

[anastasia]

Wow that is what I need. Thank you very much. I love this channel 😍

[seangreen]

Great video but depending on riverpod is not great idea

[HarshiniRaja-rt]

is this distributed system? hosted on cloud? where multiple nodes can edit at same time and save the content synchronously to support use of single doc by more than one user

[KishoreSR]

Sir please bring Android Development tutorial in Java
please 🙏

[clasc]

Aceba ne anlatıyor kendi dilimde alt yazı neden yok YouTube'de Netflix gibi mesela?