Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

Flutter Web- Build Diary Web App with Flutter and Cloud Firestore

person icon Packt Publishing

4.7

Flutter Web- Build Diary Web App with Flutter and Cloud Firestore

Build adaptive web apps using a single code base

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Packt Publishing

English [CC]

category icon Development ,Mobile Development,IOS Development

Lectures -84

Duration -9.5 hours

Lifetime Access

4.7

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

If you have wondered how to leverage your pre-existing Flutter/Dart development skills, then you will be happy to know you can now build dynamic, scalable, and adaptive web apps with Flutter!

Flutter 2.0 is a big release - you can use Flutter and Dart to build adaptive web and desktop apps - all with a single codebase.

In this course, you will learn how to leverage Flutter (Web) 2.0 and Dart and build a capstone app called Diary Book.

In this course, you will build a full-fledged, more complex, Flutter web app with Firestone; Firebase AUTH as the backend; create, authenticate, and log in users using Google Cloud Firebase AUTH; create, edit, delete, update diary entries with Cloud Firestone backend; use providers, Stream Builders in Flutter web; learn how to implement basic and advanced routing in Flutter 2.0 web; finally, deploy Flutter web app to firebase hosting.

By the end of this course, you will have all the tools and knowledge you will need to build adaptive Flutter web apps competently and easily port the same app into desktop apps on your own!

All the code files and resources for this course are available at https://github.com/PacktPublishing/Flutter-Web---Build-a-Diary-Web-App-with-Flutter-and-Cloud-Firestore

Audience:

This course is designed for beginner to intermediate Flutter developers. Web developers who want to learn to build Flutter web apps and curious students who want to build their own Flutter web apps, iOS, Android, and desktop apps with Flutter 2.0 can also benefit from this course

Goals

  • Build a complete web app with Flutter web and Cloud Firebase Firestone 
  • Master advanced Flutter APIs such as providers and routing 
  • Learn how to use Firebase AUTH to authenticate web app users 
  • Build adaptive, dynamic web apps with Flutter 2.0 
  • Create, edit, delete, update diary entries with Cloud Firestone backend 
  • Deploy Flutter web apps to Firebase hosting.

Prerequisites

  • Having some basic programming experience, in general, is helpful. If you have basic OOP (Object-Oriented Programming) concepts, you should be fine. Also, pre-existing Flutter and Dart programming experience or web development basics are helpful.
Flutter Web- Build Diary Web App with Flutter and Cloud Firestore

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction

2 Lectures
  • play icon Introduction and Course Prerequisites 04:44 04:44
  • play icon What You will be Building in this Course 04:10 04:10

Machine Setup - Windows Users Only

1 Lectures
Tutorialspoint

Machine Setup - Mac Users Only

1 Lectures
Tutorialspoint

Build a DiaryBook Flutter Web App

6 Lectures
Tutorialspoint

DiaryBook Web App - The Main Body

4 Lectures
Tutorialspoint

DiaryBook Web App - FirebaseAuth and Cloud Firebase Firestore

11 Lectures
Tutorialspoint

DiaryBook Web App - The User Profile

11 Lectures
Tutorialspoint

DiaryBook Web App - Creating, Updating, Deleting, and Showing Diary Entries

11 Lectures
Tutorialspoint

DiaryBook Web App - Diary Listview and Saving Images to Firebase Storage

12 Lectures
Tutorialspoint

DiaryBook Web App - Set Up the Update Dialog

8 Lectures
Tutorialspoint

DiaryBook Web App - Filtering Entries by Date and Updating the ListView

8 Lectures
Tutorialspoint

DiaryBook Web App - Filtering Diary Entries Further - Earliest and Latest

4 Lectures
Tutorialspoint

DiaryBook Web App - Advanced Routing

3 Lectures
Tutorialspoint

Deploying the Web App to Firebase Hosting

2 Lectures
Tutorialspoint

Instructor Details

Packt Publishing

Packt Publishing

Packt are an established, trusted, and innovative global technical learning publisher, founded in Birmingham, UK with over eighteen years experience delivering rich premium content from ground-breaking authors and lecturers on a wide range of emerging and established technologies for professional development.

Packt’s purpose is to help technology professionals advance their knowledge and support the growth of new technologies by publishing vital user focused knowledge-based content faster than any other tech publisher, with a growing library of over 9,000 titles, in book, e-book, audio and video learning formats, our multimedia content is valued as a vital learning tool and offers exceptional support for the development of technology knowledge.

We publish on topics that are at the very cutting edge of technology, helping IT professionals learn about the newest tools and frameworks in a way that suits them.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515