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

Focused View

Paulo Dichone

9:31:14

122 View

01.01-introduction and course prerequisites.mp4

04:44

01.02-what you will be building in this course.mp4

04:10

02.01-set up your windows machine for flutter web development.mp4

01:48

03.01-set up your mac machine for flutter web development.mp4

01:51

04.01-set up diarybook project.mp4

04:23

04.02-adding appbar and diarybook logo.mp4

05:24

04.03-refactoring the mainpage code.mp4

04:11

04.04-adding a dropdown menu.mp4

06:28

04.05-changing the state of the dropdown button.mp4

05:38

04.06-setting up appbars circular avatar and signout.mp4

05:13

05.01-setting up the main page body-the left side.mp4

06:32

05.02-adding a datepicker package.mp4

05:52

05.03-adding a card button and a floating action button.mp4

05:10

05.04-setting up a placeholder listview-right side.mp4

03:57

06.01-setting up firebase and firestore project.mp4

10:43

06.02-reading items from firestore.mp4

09:21

06.03-setting up the getting started page.mp4

08:27

06.04-navigating to login page.mp4

08:19

06.05-setting up the login form.mp4

10:20

06.06-login form-creating the buildinput decoration.mp4

05:53

06.07-adding the password field and refactoring the form.mp4

06:51

06.08-login form-adding validation.mp4

09:16

06.09-login a user-firebaseauth.mp4

10:38

06.10-toggling create account form and login form.mp4

09:25

06.11-login user and taking them to the main page.mp4

05:05

07.01-user creation structure.mp4

02:57

07.02-crating a user and adding to firestore users collection.mp4

11:47

07.03-creating a user data class.mp4

08:30

07.04-creating a service class and code refactoring-login created for users and showing them.mp4

13:24

07.05-filtering users and showing names on appbar.mp4

20:26

07.06-showing user avatar and changing the flutter web renderer.mp4

06:41

07.07-creating the createuserprofile class.mp4

08:19

07.08-constructing the createuserprofile class-dialogs and fields.mp4

05:27

07.09-updating a user profile.mp4

09:28

07.10-code refactor-update user profile dialog class.mp4

01:51

07.11-signing user out.mp4

01:59

08.01-introduction-creating diary entries.mp4

01:13

08.02-diary entry alert dialog-adding two buttons.mp4

07:14

08.03-diary entry alert dialog-adding the image container.mp4

07:12

08.04-diary entry alert dialog-adding textfields.mp4

05:01

08.05-diary entry alert dialog-refactor code.mp4

02:03

08.06-diary entry alert dialog-saving a dummy entry and adding saving animation.mp4

07:52

08.07-creating the diary model class and saving the diaries with all fields.mp4

10:56

08.08-adding and showing filtered diaries by userid.mp4

09:51

08.09-passing the date to the dialog.mp4

05:54

08.10-showing and saving the date along with the diary entry.mp4

07:55

08.11-refactoring our diarylistview code.mp4

01:37

09.01-refactoring and setting up the diary listview card.mp4

09:34

09.02-fixing the expanding issues and adding description and dummy image to listview card.mp4

05:37

09.03-date format-show full date and time.mp4

04:24

09.04-adding an imagepicker and showing the picked image.mp4

10:32

09.05-setting up firebase storage and the infrastructure to save images to storage.mp4

22:06

09.06-saving and showing images from cloud storage.mp4

06:58

09.07-deleting an entry.mp4

06:22

09.08-refactor our delete entry dialog.mp4

01:15

09.09-creating the edit-update dialog delete functionality setup.mp4

07:46

09.10-setting up the update-details dialog.mp4

08:46

09.11-fix overflow issues and adding futuredelay when saving images-potential bug fix.mp4

05:34

09.12-refactoring the list card.mp4

05:10

10.01-setting up the update entry dialog.mp4

06:23

10.02-update dialog-adding icons and image.mp4

04:06

10.03-update dialog-creating fields and pulling in the diary data.mp4

04:06

10.04-update dialog-refactoring code.mp4

04:40

10.05-update dialog-setting up the image picker and delete buttons.mp4

09:21

10.06-update dialog-setting up the update code.mp4

08:19

10.07-fixing some null issues.mp4

07:06

10.08-passing a widget as parameter.mp4

03:03

11.01-filtering entries by date.mp4

00:53

11.02-setting up the getsamedaydiaries method.mp4

11:22

11.03-indexing firestore database and checking that we are filtering entries.mp4

06:11

11.04-setting up a list of diaries.mp4

08:59

11.05-showing filtered diaries by date picked.mp4

07:52

11.06-restructuring the filtered diaries to be shown and showing the empty diary card.mp4

09:30

11.07-adding all entries to a provider object.mp4

11:59

11.08-filtering diarylist by current user and adding a user provider.mp4

07:43

12.01-filtering diary entries further-earliest and latest.mp4

00:33

12.02-filtering by latest and earliest added diaries.mp4

11:32

12.03-adding onpress to fab.mp4

01:16

12.04-adding a delayed animation to the listview.mp4

04:50

13.01-advanced routing.mp4

10:50

13.02-page not found and restructuring routing.mp4

05:28

13.03-final remarks.mp4

00:46

14.01-cli setup-instructions.mp4

01:18

14.02-deploying the web app to firebase hosting.mp4

11:48

9781803232478 Code.zip

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 DiaryBook.

In this course, you will build a full-fledged, more complex, Flutter web app with Firestore; FirebaseAuth as the backend; create, authenticate, and log in users using Google Cloud FirebaseAuth; create, edit, delete, update diary entries with Cloud Firestore backend; use providers, StreamBuilders 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

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Google Flutter

Paulo Dichone

Instructor's Courses

Paulo Dichone is an Android, Java, and Flutter developer and teacher. He is passionate about teaching people about Android, Java, and Flutter development and has taught over 80,000 students across 175 countries. He holds a degree in computer science from Whitworth University and loves programming, apart from teaching. Paulo has extensive experience in mobile app and web development and is also the founder of “Build Apps with Paulo”, where students are given the tools that they need to become professional developers. Showing students how to make amazing applications/software is an extremely rewarding experience for him, which is why he has been teaching online for the past five years. His goal is to make you a great developer, no matter what your experience.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.