Build Flutter Blog App From Scratch | Flutter Tutorial For Beginners

Learn how to Build a Flutter Blog App From Scratch Step by Step.

for more 👍 Like & Subscribe 👇

We will use Firebase Firestore Database, Firebase Storage to store images, using Streams to load blogs in sync with data online and much more.

🎥 In this Exclusive Flutter VIDEO training, we will be covering...

✅ Learn how to build a Blog App with Flutter and Firebase 👇
1️⃣ How to connect Flutter app to Firebase for both Android And IOS
2️⃣ How to Build User Interface with Flutter
3️⃣ How to pick an image from Gallery/Camera
4️⃣ Upload & Fetch Data From Firebase Firestore in Flutter
5️⃣ Upload the Image to Firebase Storage and get Download Url.
6️⃣ Show Data in ListView using Streams in Flutter
7️⃣ How to Cache network image
🛠️ And the tools & technologies you need to succeed as a Flutter developer
... All of this Using Flutter And Firebase 🔥

Timestamps 👇
- 0:00 - Flutter Blog App Demo
- 2:13 - Connect Flutter App with Firebase For Both Android And IOS.
- 9:44 - Create Add Blog Screen.
- 23:52 - Adding Firebase Firestore.
- 25:34 - Add required dependency image_picker, firebase_storage, random_string.
- 26:04 - Write Functions to Upload Blog Info to Firestore
- 23:52 - Adding Firebase Firestore.
- 29:28 - Adding Image Picker Function to our Flutter App
- 37:56 - Upload an image to Firebase Storage and get download URL
- 48:57 - Upload Blog data to firestore.
- 55:10 - Fetch data from firestore and show in a list view.
- 01:20:50 - Add Streams to Blog List
- 01:28:13 - Cache Network Image no need to load it again and again and available offline

Flutter Blog App is a Great Flutter Project to add to your portfolio which demonstrates you know how to work with a firebase database which is quite people in demand.

See you inside,
Sanskar Tiwari

-------------------------

🎓 More tutorials you may like

Whether you want to get a full-time job as a mobile app developer or become a freelance mobile app developer. You should learn Flutter and building Real-World Projects is the BEST way to do it.

If this helps make sure to share it with friends and colleagues who will benefit from this

Have questions/queries? 💬 Comment below I will be happy to help

Go to my website for more information, code examples, and articles:

Follow me on social media:

[indianappguy]

*These are the following updates in the packages*

updated repo :

StorageReference -> Reference, StorageUploadTask -> UploadTask, Firestore -> FirebaseFirestore, getDocuments -> get

blogSnapshot.documents -> blogSnapshot.docs

[Henok-Ayele]

what a practical and helpful. this channel deserves sub. I am from Ethiopia all da way from east Africa. thanks.

[OmarRiyati]

Thank you for your time
We hope to make e commerce app with backend

[ashisbhowmik]

Huge shoutout 👌👌, please make a Splash screen Tutorial

[albertgeorge]

Sir please keep uploading videos like this.

[섀플리]

You are such a genius! Can you make a tutorial about adding push notification to your chat app, please?

[gamer-whpb]

Love ur vids! Would love to see a clean looking music player app tutorial from you soon!

[thebeasttone]

Very lovely voice and ears are comfortable to hear.

Love this channel beautiful place to learn.

[damianthingshung]

Please do a video on uploading and downloading multiple PDF files for a single post

[haiderjaafer]

Marvelous work... how can if there is no uploaded image display placeholder image can you add pagination to display blogs... keep going forward

[robinsinghchouhan]

Hey man really nice tutorial but atlast the error wasn't solved can u tell us how to resolve it

[AfrasiabAhmadSU__O_OO_OO]

love your videos after this can you please create a school management app

[terzuxtech]

you're indeed a life saver you! It worked!

[shravanandoria]

Hello I'm shravan let me tell you i just love to wathc your videos. Can you please make a series of projects from begineer projects to advanced projects for ex ecom app, upber app as an advance and video player app etc as an begineer. Thank you for your help.

[thabisoinama]

Another awesome video! I just have one issue - my code works but it doesn't add image to firebase

[Mayanktaker]

Bhai aisi hi blog wali Strapi (headless cms ) k sath bana do. PLEASE.

[shivamgupta-cqyk]

hello, Sanskar I am your big fan i have watched all your videos in 2 months. Can you please make e-commerce App from scratch.

[ibrahimasiri]

thanks for your efforts, But I image not showing after load from gallery even after set the permission in Mainfest, so if can write explain what's the issue that helpful.. thank you

[shivamgupta-cqyk]

Sanskar please update this video as their are many changes in firebase So we are facing to many problems.

[chuckfeeney]

everything is awesome, could you increase video quality a little bit