This study covers how to build a social network with Flutter and Firebase. Flutter is an open-source (free) User Interface software development kit created by Google in May 2017. Flutter is written in C, C++, and Dart. Flutter is used to develop software applications for mobile devices as well as computers including, Google Android, Apple iOS, Microsoft Windows, Apple Mac, Linux, Google Fuchsia, and the web-based. The first release of Flutter was identified as codename “Sky” and tested on Google’s Android operating system. This study teaches how to develop a comprehensive mobile social media application like Instagram or any other social network utilizing Flutter and Firebase. Firebase is a mobile and web application development program developed by Firebase, Inc. in 2011, then procured by Google in 2014.
Flutter Features:
Fast Development: Design your application to life in less time with a stateful hot reload. Use a rich set of fully-customizable widgets to develop original interfaces in moments.
Expressive and Flexible UI: Quickly boat features with a focus on primary end-user practices. The layered structure allows for full customization, which results in amazingly fast rendering, powerful, and adaptable designs.
Native Performance: Flutter’s widgets consolidate all significant principles variations such as scrolling, navigation, icons, and fonts, and your Flutter code is compiled to primary ARM machine code using Dart’s native compilers.
2 5.02 Creating User Instance from DocumentSnapshot in Firestore
3 5.03 Validating Create Account Form
06 Searching for Users
1 6.01 Building Search No Content Screen
2 6.02 Responsive App Design with MediaQuery
3 6.03 Adding Search User Functionality
4 6.04 Improving Search Result Appearance
07 Uploading Posts
1 7.01 Upload Post Splash Screen and Image Picker
2 7.02 Building Upload Form
3 7.03 Uploading Media Files and Creating Posts
4 7.04 Get User Location with Geolocation
08 Editing User Profile
1 8.01 Building Profile Header
2 8.02 Building Edit Profile Page
3 8.03 Updating User Data in Edit Profile Page
09 Structuring and Displaying Posts
1 9.01 Create Post Model
2 9.02 Structuring Post Widget
3 9.03 Displaying Posts and Post Count
10 Profile Page
1 10.01 Performant Image Loading and Post Grid for Profile Page
2 10.02 Toggle Profile Post Orientation
3 10.03 Building No Content for Profile Page
11 Liking and Unliking Posts
1 11.01 Adding Like - Unlike Functionality for Posts
2 11.02 Making a Heartbeat Animation when Liking a Post
12 Realtime Messaging with Comments
1 12.01 Building Comments Page Structure
2 12.02 Realtime Messaging Functionality
13 Activity Feed Notifications
1 13.01 Creating Activity Feed Notification for New Like
2 13.02 Creating Activity Feed Notification for New Comment
3 13.03 Displaying Activity Feed Notifications
4 13.04 Add Post Screen, See Other Users Profiles
14 Following and Unfollowing Users
1 14.01 Making Follow Unfollow Buttons
2 14.02 Following Unfollowing Users
15 Cloud Firestore Triggers with Firebase Functions
1 15.01 General Timeline Overview, Initialize Firebase Functions
2 15.02 Creating onCreateFollower Firebase Function
3 15.03 Deleting Unfollowed User Posts with onDeleteFollower Firebase Function
4 15.04 Deleting Posts and Related Data
5 15.05 OnCreatePost, OnUpdatePost, and OnDeletePost Firestore Cloud Triggers
16 Building Timeline of User Posts
1 16.01 Getting, Displaying Timeline Posts
2 16.02 Suggest Users to Follow in Timeline
17 App Cleanup and Improvements
1 17.01 Fixing Bugs, More about Async Await
2 17.02 Preserve Page State with AutomaticKeepAliveClientMixin
18 Live Alerts with Push Notifications
1 18.01 Sending Push Notifications with Firebase Function
2 18.02 Displaying Realtime Push Notifications in our App
19 Publishing our App
1 19.01 Publish App to Google Play Store
2 19.02 Publish App to iOS App Store
Share Study:
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Privacy PolicyAccept