Video

Build Flutter Blog App From Scratch | Flutter Tutorial For Beginners

Name: Build Flutter Blog App From Scratch | Flutter Tutorial For Beginners
Uploaded: 2020-11-07
Channel: Sanskar Tiwari

by Sanskar Tiwari youtube.com November 7, 2020

1 hr 31 min 35.1k views

Watch on YouTube

Learn how to Build a Flutter Blog App From Scratch Step by Step. ● 👨‍💻 Code: https://github.com/theindianappguy/flutter_blog ● 📙Join 5-Day Flutter Bootcamp for Beginners: https://flutternerd.com/free-training for more 👍 Like & Subscribe 👇 ● https://www.youtube.com/channel/UCsPdgUIoOBTBI1UmulW1pdw?sub_confirmation=1 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 ● Build a Wallpaper App with Flutter: https://youtu.be/EKdAU3l_0gA ● Build a Recipe App with Flutter: https://youtu.be/VTR5HpRfS0A ● Build a Flutter News App with NewsApi Org: https://youtu.be/aaGcER1uUoE ● How to Save Data from Flutter App to Google Sheets: https://youtu.be/x2CoecrzBCA 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: ● http://flutternerd.com Follow me on social media: ● https://twitter.com/indianappguy ● https://www.linkedin.com/in/lamsanskar

Made by

Sanskar Tiwari @theindianappguy 🇮🇳 India

Available for hire

Software Developer Native Android/Flutter, and always craving to learn more also an Open Source Enthusiast

View Sanskar on Flutter Pro

Forum

Questions about this, or something to add?

Discuss on the forum

Topics Firebase Camera and media

It's All Widgets

Apps by Sanskar Tiwari

WhatsApp Link Generator

Quickly generate a personalized WhatsApp link with a predefined message and share it with your audience on your Social Networks!

Open source
Share Link Generator

Create Facebook share links, Twitter "tweet this" links, LinkedIn share links

Open source
Tinder Gold Redesign

Here’s a Tinder Gold redesign concept for the popular dating app.

Open source
Gradients Bazaar

Like Gradients but never know the perfect combinations?, I am happy to announce the launch of Gradient Bazaar

Open source