Flutter 2.2&Firebase crash course, build a complete app from scratch

Опубликовано: 29 Сентябрь 2024
на канале: Coding with Hadi

2,366

Download and test the app that we will build together in this course from here: https://play.google.com/store/apps/de...
Source code: https://github.com/hadikachmar3/Flutt...

You will find monthly sale coupons for all courses here:   / discord

You can reach me by😀
Facebook:   / coding-with-hadi-113431577650864
Github: https://github.com/hadikachmar3
Discord:   / discord
Udemy: https://www.udemy.com/user/hadi-kachm...
Linkedin:   / hadi-kachmar-27a56a177
Playstore: https://play.google.com/store/apps/de...

Useful apps🌞:
1- https://play.google.com/store/apps/de...
2- https://play.google.com/store/apps/de...

00:00 - Intro
00:49 - What is flutter and firebase
01:47 - App Overview
09:26 Source code on github
10:51 - Create a new project and set up our up theme
19:59 - Implement the animated background in the login screen
35:14 - Finish the login screen design
01:11:30 - Implement the signUp screen
01:21:39 - Allow the user to navigate between TextField using keyboard button (FocusNode)
01:28:33 - Implement the forget password screen
01:36:00 - Implement the main screen design
01:56:42 - Change the drawer Icon color and IconData
02:00:00 - Implement the delete task dialog
02:04:11 - Implement the filter dialog design in the main screen
02:15:57 - Implement the drawer header and add a constant class and expalin what static means in progrramming
02:24:27 - Add the drawer body
02:33:26 - Implement the sign out dialog design
02:38:57 - Implement the add task screen design:
03:12:30 - Add the drawer in the add task screen
03:15:44 - Implement the task category dialog in the add task screen
03:21:36 - Implement the choose date dialog
03:28:19 - Fix a null error if no date is picked
03:29:16 - Implement the all registered workers tutorial
03:34:32 - Create the user profile screen UI
04:00:38 - Change the signup screen design and add more widgets to it
04:18:04 - Implement the image picker dialog
04:22:11 - Implement the image picker functions
04:27:56 - Implement the image cropper function
04:33:18 - start implementing the task details screen
04:58:15 - Animated switcher to add a comment
05:08:50 - Implement the comment widget design
05:17:25 - Add dynamic border color for the commenter profile image
05:22:07 - Send message via whatsapp
05:30:38 - Send an email from the app
05:33:38 - Open contact and dialer app to allow the user to reach other workers numbers
05:36:19 - The end