give mfa example readme some polish as well

This commit is contained in:
dshukertjr committed 2023-07-12 11:54:20 +09:00
1 parent 60a1ff27bb
commit fdfc0de050
4 files changed
+25 -3

No files matched your search

+21 -2
View File
@@ -1,6 +1,16 @@
# Flutter Supabase MFA Example
A simple app demonstrating how to implement Multi-Factor Authentication (MFA) with Supabase and Flutter.
![Flutter MFA with Supabase](https://raw.githubusercontent.com/supabase/supabase/main/examples/auth/flutter-mfa/images/mfa.png)
A Flutter app demonstrating how to implement Multi-Factor Authentication (MFA) with Supabase and Flutter. A user can sign up, add MFA via an authenticator app, and only after they have signed in using MFA they can view the content from the database.
- Full tutorial article [here](https://supabase.com/blog/flutter-authentication)
## Getting Started
- Create a new Supabase project [here](https://database.new)
- Add your Supabase credentials to `lib/main.dart`
- Run the following SQL from the SQL editor of your Supabase dashboard to create a table and dummy data
```sql
-- Dummy table that contains "secure" information
@@ -26,4 +36,13 @@ create policy "Users can view private_posts if they have signed in via MFA"
for select
to authenticated
using (auth.jwt()->>'aal' = 'aal2');
```
```
- Run the app and test the login flow 🚀
## Resources
- [Flutter Authorization with RLS article](https://supabase.com/blog/flutter-authorization-with-rls)
- [Flutter Tutorial: building a Flutter chat app article](https://supabase.com/blog/flutter-tutorial-building-a-chat-app)
- [Supabase docs for Flutter](https://supabase.com/docs/reference/dart/introduction)
- [Supabase Flutter YouTube playlist](https://www.youtube.com/watch?v=F2j6Q-4nLEE&list=PL5S4mPUpp4OtkMf5LNDLXdTcAp1niHjoL)
Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

@@ -1,6 +1,8 @@
# Flutter native Google auth with Supabase
A simple Flutter application with native Google login capabilities on iOS and Android using Supabase auth.
![Flutter Google authentication with Supabase auth](https://raw.githubusercontent.com/supabase/supabase/main/examples/auth/flutter-native-google-auth/images/login.png)
A simple Flutter application with native Google login capabilities on iOS and Android using Supabase auth. Upon signing in, the user is presented with a profile screen where their name and profile image from their Google account are displayed.
- Full tutorial article [here](https://supabase.com/blog/flutter-authentication)
- Full video guide [here](https://www.youtube.com/watch?v=YtvxRgGouwg)
@@ -18,6 +20,7 @@ A simple Flutter application with native Google login capabilities on iOS and An
## Resources
- [Flutter Authorization with RLS article](https://supabase.com/blog/flutter-authorization-with-rls)
- [Securing your Flutter apps with Multi-Factor Authentication article](https://supabase.com/blog/flutter-multi-factor-authentication)
- [Flutter Tutorial: building a Flutter chat app article](https://supabase.com/blog/flutter-tutorial-building-a-chat-app)
- [Supabase docs for Flutter](https://supabase.com/docs/reference/dart/introduction)
- [Supabase Flutter YouTube playlist](https://www.youtube.com/watch?v=F2j6Q-4nLEE&list=PL5S4mPUpp4OtkMf5LNDLXdTcAp1niHjoL)
Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB