Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Flutter Course – Build Full Stack Google Docs Clone

via freeCodeCamp

Overview

Build a responsive cross-platform Google Docs clone using Flutter and Node.js in this comprehensive 5-hour course. Learn to implement Google Authentication without Firebase, maintain user sessions, create and manage documents, add a rich text editor, enable collaborative editing, and design a responsive interface. Gain hands-on experience with Flutter, Node, Express, Socket, MongoDB, and Riverpod. Suitable for beginners in Node.js, with no prior JavaScript knowledge required. Cover topics including user authentication, document creation and management, real-time collaborative editing, and responsive design. Explore practical skills such as setting up a Node server, working with MongoDB, implementing JWT for authentication, using local storage, and integrating Socket for real-time functionality. By the end of the course, develop a fully functional Google Docs clone with features like document sharing, auto-save, and multi-user editing capabilities.

Syllabus

⌨️ Intro
⌨️ Creating Flutter Project
⌨️ Designing Login Screen
⌨️ Google Cloud Platform oAuth Client ID
⌨️ Google Auth Android Setup
⌨️ Google Auth iOS Setup
⌨️ Google Auth Web Setup
⌨️ Important Note on Auth
⌨️ Running on Web on specific port
⌨️ Google Sign In using Node.js
⌨️ What is Node.js?
⌨️ Creating & setting up Node Server
⌨️ MongoDB Setup
⌨️ Creating Signup API
⌨️ Calling Signup API - Client Side
⌨️ Persisting the State - Explanation
⌨️ Generating JWT
⌨️ Auth Middleware
⌨️ Local Storage
⌨️ Testing on Android
⌨️ Routing
⌨️ Creating NavBar
⌨️ Signing Out
⌨️ Creating New Document
⌨️ Displaying all documents created by Me
⌨️ Designing Document Screen
⌨️ Updating Document Title
⌨️ Socket Introduction & Connection
⌨️ Collaborative Editing
⌨️ Auto-Save
⌨️ Routing Back to Main Page
⌨️ Sharing Link
⌨️ Conclusion

Taught by

freeCodeCamp.org

Reviews

Start your review of Flutter Course – Build Full Stack Google Docs Clone

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.