Unique sign in form built with Lit Firebase Auth and Flutter

Опубликовано: 10 Октябрь 2024
на канале: Fun with Flutter

45,122

1.3k

Tutorial video demonstrating how to create a custom sign in form using the Lit Firebase Auth package in Flutter.

---
Go check out the Amateur Coder YouTube channel for more great content and to see how to add Google, Apple and Twitter authentication to this sign in flow.

Amateur Coder: / @tadaspetra

Add third party auth: • Google, Apple, Twitter Authentication...

---
Ready to learn more? The full animation course can be accessed at:
https://bit.ly/funwithcourse

---
Chapters:
0:00 Overview
2:01 How to use a Custom Painter
16:13 Animating the paint
27:45 Lit and Firebase Initialization
31:09 Sign in form UI
45:55 Auth handlers
50:00 Creating multiple sign in pages
57:53 Animation Package and transitions
1:05:25 Authentication state
1:07:29 Add Page Transitions
1:14:09 Custom Notifications

The UI was greatly inspired by this design by Giga Tamarashvili
https://dribbble.com/shots/6371155-Si...

---
Source code: https://github.com/funwithflutter/lit...

--
More about bezier curves:
https://stackoverflow.com/questions/7...