Flutter Riverpod Quiz App Tutorial | Apps From Scratch
» Flutter courses, writeups, and source code on Launch Club 🧠
https://LaunchClub.io
Learn how to build a quiz app with Riverpod and Flutter Hooks that fetches data from an API. Users are presented with a question with four possible answers from a random quiz. If the correct answer is chosen, then a green border and green checkmark icon appear around the answer. If the incorrect answer is chosen, then a red border and red X icon appear around the selected answer. The correct answer to the question is also revealed. The Next Question button moves users to the next question. When users finish their quiz, they can view their quiz results. Tapping on New Quiz will load up a new quiz for our users.
» Remember to like, subscribe, comment, and share this video! 🚨
https://youtube.com/MarcusNg?sub_conf...
» Socials📱
GitHub: https://github.com/MarcusNg
Twitter: / marcuslng
» Timestamps 🕒
0:00 Introduction
1:04 Project Setup and Pubspec
1:47 Trivia API
2:19 Question Model
3:36 Base Quiz Repository
4:33 Difficulty Enum
4:49 Quiz Repository
6:22 Quiz State
8:02 Quiz Controller
9:05 Main.dart and Quiz UI
13:58 Thanks for Watching
» Music 🎶
Joakim Karud ( / joakimkarud )
#Flutter #Riverpod #30DaysOfFlutter