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

MongoDB for Node.js Developers
MongoDB University
Introduction to Office 365 Development and APIs
Microsoft via edX
Server-side Development with NodeJS
The Hong Kong University of Science and Technology via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Introduction to MongoDB using the MEAN Stack
MongoDB via edX