Embark on a comprehensive 9-hour course to build a fully-functional Twitter clone using Flutter 3.7, Appwrite, and Riverpod. Learn to implement essential features such as user authentication, tweeting with text, images, and links, hashtag functionality, tweet display and interaction, user following, search capabilities, profile management, and a premium "Twitter Blue" feature. Master the integration of Appwrite for authentication, database management, storage, and real-time updates. Gain hands-on experience with Flutter and Dart while developing a robust social media application. By the end of this tutorial, create a feature-rich Twitter clone that can be further customized and expanded upon.
Overview
Syllabus
Introduction
Appwrite & Docker Installation
Important Appwrite Commands
Appwrite Setup for Android & iOS
Setting up Flutter Project
Architectural & Folder Pattern
Login UI
Signup UI
Signing Up User with Appwrite Auth
Providing the Class / Dependency Injection
Signing Up User contd. Auth Controller
Login User with Appwrite Auth
Adding Proper Navigation
Persisting Auth State
Saving User Data to Appwrite Database
FIXING Android Related Problems
Solving Appwrite unauthorized_scope Problem
Home Screen UI
Create Tweet Screen UI
FIXING User Data Storage & Retrieval Bug
Create Tweet Screen UI contd.
Picking Multiple Images & Displaying in Carousel
Storing Tweets to Appwrite Database & Appwrite Storage
Displaying Tweets
Displaying New Tweets LIVE with Appwrite Realtime
Like Button Animation
Liking Tweet
Retweeting / Resharing Tweet Realtime
Replying to other user’s Tweets
Searching Users
Displaying User Profiles
Editing User Own Profile
Updating User Profile Data Realtime
Following Other users
Sending Notifications when User Likes
FIXING Like Bug
Displaying & Sending Notifications
Displaying Posts By Hashtags
Side Drawer UI & Navigation to Current User Profile
TWITTER BLUE
Logging Out with Appwrite Auth
Conclusion
Taught by
freeCodeCamp.org
Related Courses
-
Flutter & Firebase Course - Build a Full Stack Instagram Clone
5.0 -
Flutter Course – Build Full Stack Google Docs Clone
-
Building a Spotify Clone with Flutter, Python and FastAPI - Full Stack Development with MVVM Architecture
-
Full Stack Flutter, Firebase and Riverpod - Build a YouTube Clone
-
Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]
-
Build and Deploy an Instagram Clone with React and Firebase – Tutorial
