YoVDO

Flutter Course – Build Full Stack Google Docs Clone

Offered By: freeCodeCamp

Tags

Flutter Courses Mobile Development Courses Node.Js Courses MongoDB Courses Responsive Design Courses

Course Description

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

Related Courses

Fundamentals of Fluid-Solid Interactions
École Polytechnique via Coursera
Build Native Mobile Apps with Flutter
Google via Udacity
Creating a Calculator App with Flutter
Coursera Project Network via Coursera
Learn Dart Programming for Flutter
Udemy
Dart & Introducción a Flutter
Udemy