A Flutter example about simple authentication with Auth0 and generate random QR code.

Overview

ryougoku

This is Flutter example about simple authentication with Auth0 and generate random QR code.

Environment setup

  • Use need to create a .env.development file and fill the parameters.
  • Install libraries
flutter pub get

Stacks

Below is stack I used and linked I consulted

Go_router

  • Manage route of app.
  • Documentation
  • Go_router is quite easy to use. I just have stuck with the integration to riverpod. That is a basic go_router usage, though.
  • This is good discussion that you can read.

Riverpod

  • Manage state of app.
  • Documentation
  • In the first time, I used provider but when heard that riverpod is much more convenient, I changed to riverpod. Even so, I think riverpod is not the best choice to manage state. I will try Bloc in the future if I have time.

Auth0

  • Authentication integration
  • Blog for add auth0 to the app.

Others

QR Code

  • Good post about QR Code handlers.
  • This example:
    • scan QR code and display its content
    • random generate a QR code and save to gallery
  • I also want to try send request when a QR code is scanned. (Just note here for memo)

Result Images

login menu generated_qr_code

scan_qr_code scanned_qr_code profile

You might also like...

This project follows the Reso Coder course for flutter test-driven-development with clean architecture and BloC state management for a random trivia simple app.

This project follows the Reso Coder course for flutter test-driven-development with clean architecture and BloC state management for a random trivia simple app.

Jan 5, 2022

Asset manager helps you auto-generate the assets code and add it to your pubspec.yaml .

Asset manager helps you auto-generate the assets code and add it to your pubspec.yaml .

Asset Manager Asset manager helps you auto-generate the assets code and add it to your pubspec.yaml . Quick start dart pub global activate asset_manag

Nov 1, 2022

This is a command-line app written on dart language for flutter applications that will help you to generate some boilerplate code

dart-generator Manual installation: 1- generate a platform executable from code dart compile exe main.dart -o generator this will generate a new gene

Oct 26, 2022

This is a mason brick you can use to generate code that get's you started right up with a flutter project

flutter_brick This is a mason brick you can use to generate code that gets you started right up with a flutter project A flutter brick created with th

Sep 16, 2022

Simple, random string generator for Dart

Simple Random String Simple, random string generator Features Lower characters Upper characters Numbers Customizable special characters Repeatable or

Dec 19, 2022

Spider - A small dart library to generate Assets dart code from assets folder.

Spider - A small dart library to generate Assets dart code from assets folder.

Spider A small dart library to generate Assets dart code from assets folder. It generates dart class with static const variables in it which can be us

Nov 8, 2022

WIP: generate easy localization key code

Generates translation key code for the easy localization package. Support for json and yaml formats.You can see examples in the assets/ folder. Gettin

Oct 24, 2022

Random Users app, developed with Flutter and using Clean Architecture, BLoC, TDD and Functional Programming.

random_users This project is a sample of how to build a Flutter application using de benefits of Clean Architecture, TDD and Functional Programming. G

Jul 21, 2022

Acronym - A simple, lightweight and easy to use package to generate acronyms

A simple, lightweight and easy to use package to generate acronyms. Usage You ca

Jan 20, 2022
Owner
null
A simple flutter application using #clean_architecture to generate random quotes using from #api

flutter_random_quotes_app_wth_clean_architecture A new Flutter project. Getting Started Project Structure ├── assets | ├── images | ├── 1x

Hossam Mohammad 2 Oct 4, 2022
Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter. :fire: :fire: :fire:

FLUTTER PROFILE PICTURE Automatically generate profile picture with random first name and background color. But you can still provide pictures if you

Aditya Dharmawan Saputra 10 Dec 20, 2022
DiceBear API wrapper. DiceBear is an avatar library for designers and developers. Generate random avatar profile pictures!

dice_bear Flutter Package DiceBear API wrapper. DiceBear is an avatar library for designers and developers. Generate random avatar profile pictures! C

Zaif Senpai 8 Oct 31, 2022
Aditya 93 Dec 25, 2022
Given a JSON string, this library will generate all the necessary Dart classes to parse and generate JSON.

JSON to Dart Given a JSON string, this library will generate all the necessary Dart classes to parse and generate JSON. This library is designed to ge

Javier Lecuona 1.2k Dec 25, 2022
A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your issue.

r_scan A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your iss

PengHui Li 112 Nov 11, 2022
Android test task master - Create PIN code screen, authentication by PIN code screen and menu screen

Here is described test tasks for a android dev. Need to implement three screens:

null 3 Oct 4, 2022
Flutter web example with Firebase Authentication, Firestore Collection, BloC Pattern

flutter_auth_web Flutter Firebase auth. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

null 1 Feb 26, 2022
Lottie-package-example-Flutter - A simple example about lottie package in Flutter

Lottie Package example - Flutter ScreenShot ⚠️ Essential Packages lottie: ^1.2.1

AmirHossein Bayat 3 Dec 7, 2022
Smooth-Page-Indicator-Example-Flutter - A simple example about smooth page indicator in Flutter

Smooth Page Indicator Example - Flutter Screenshots ⚠️ Essential Packages smooth

AmirHossein Bayat 6 Dec 7, 2022