Flutter Riverpod Quiz App Tutorial | Apps From Scratch

» Flutter courses, writeups, and source code on Launch Club 🧠
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! 🚨
kzbin.info?sub_conf...
» Socials📱
GitHub: 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

[@frankpatience3563]

I'm so thankful, you turned me from a beginner to a pro in flutter. Keep up the good work!

[@niggelgame]

I really like your videos. I've been coding with Flutter for about 2 years now, but i really like the clean style you provide the content with. Thank you very much (:

[@Lensbreak]

please make a tutorial riverpod hooks and firebase (firestore + auth + realtime/stream) maybe a todo app that covers CRUD

I was away from flutter developing for a while and now I don't understand anything anymore, like how much it evolved. Crazy. Great content

[@sergdigital7437]

Finally, decent tutorials. Many thanks for this.

[@bmk4308]

Amazing! Learned a lot as usual

[@TechWithDnes]

Awesome. Welcome back Ng.

[@creativetech8471]

This feels like watching fireship tutorials, Great Content

[@samueloluwatodimu6963]

Good to have you back men. It's been a long time

[@bodyhanger7137]

Wow,, fantastic Marcus. Welcome back pal...⭐️⭐️⭐️⭐️⭐️

[@PasinduBroomer]

great content Marcus well done.

[@PenguinCrayon269]

i like this tutorial. short and practical.

[@ramiahmed8496]

Amazing! thanx a lot

[@delarammajestic2502]

i didnt understand anything but i liked the way you were a professional..good job.

[@florinv2289]

You make this seem so easy!!How did you got so good?What kind of practice did you had in your evolution?

[@talatkuyuk6556]

Very nice content. Please more about Riverpod. Can you make a video about Riverpod with Form Handling ,form validation, handling busy state, form data, error state w/ Riverpod, Freezing establishing MVVM (model-view-view model) structure in order to separate ui and business logic. This would be very useful for everyone.

[@sesionesremember222]

thank you bro

[@kamalkumar-qz3om]

thanks you sir …. excellent work .. thanks …i like really this video . i am as a beginner. my best wishes for you

[@bertmarcos1454]

nice tutorial. please add an image quiz. same multiple choice type but image instead of text questions thank you

[@rbasniak]

What is the name of the extension that shows the lint errors in the actual code window?

[@jamesnicholls7139]

Hi Marcus, I was wondering how you made the intro animation of the app working in that device that’s moving around? Cheers!

[@user-dv3ce8bs1j]

Amazing

[@RandalLSchwartz]

hooks_riverpod already depends on flutter_hooks. Don't need to spell it out unless you want to manage direct version control.

[@ericchua3492]

One question. How come getquestions doesn't go into controller instead? you go into repository for getquestions while submit, next and reset in controller? any help?

[@johnferijr.ramadhan5379]

Great tutorial. One question. How to publish it in the playstore or appstore?

[@AamirKhan-zy5yt]

first like then watch

[@yashraut19]

What is used make mock-up of app ? I mean the first showcase video of app

[@amanrubey]

how did you create the starting intro video?

[@lhtking]

Great tutorial I have one question though, How can can I unable multiple choice questions? Thanks in advance

[@not.a.n]

Which do you prefer between Riverpod and BLoC?

[@poisonels8023]

Good evening. I have a problem. I am working on a project, I have to code an application or system like kahoot. It's a platform where everyone can answer multiple choice questions at the same time. But I'm stuck on how to display the same question to everyone at the same time and record their answer. I can't for example run a function when a variable on firebase changes. Can you please help me?

[@sandipbhowmik6641]

please teach us how to add logic to those UI's

[@iGhostr]

Hi Marcus! I just checked your website on my phond. It's super fast and the animations are smooth. What did you use to create it? Angular?

[@andromadusnaruto1544]

Hi everyone. Thanks @MarcusNg for the great video. Really learnt a lot, especially with Equatable, enum_to_string and flutter_hooks... I have a question: what vs code extensions do you have setup for Flutter? I like the colorful highlight comment messages that shows up on the editor next to the code...

[@saadmansoor3547]

tell me if you know it now ?

[@andrewparris5372]

I've already fixed a few errors, that seem to come from Dart and Flutter being upgraded. The current issue resides in the quiz_controller.dart file. When it tries to add to correct and / or incorrect this error, "Unsupported operation: Cannot add to an unmodifiable list" ,is thrown. I've used my Google foo but am unable to come up with a solution to this one. Any ideas on what should we do differently to correct this?

[@umangvijay6518]

Hey! Did you solve this error?

[@Abdullahhhh2001]

HELP! 5:11 getQuestions error => 'QuizRepository.getQuestions' ('Future Function({required int categoryId, required Difficulty difficulty, required int numQuestions})') isn't a valid override of 'BaseQuizRepository.getQuestions' ('Future Function({int categoryId, Difficulty difficulty, int numQuestions})')

[@dhirendrasingh7054]

Sir Hii i have question with your instagram clone app . I join this course but . I have question i only upload photo on feed Tell me sir how i upload video in feed .

[@wishing180]

I'm having problem setting up flutter Please I need someone to Walk me through 😭

[@BrendansReasons]

do the videos at launchclub provide more detail at a slower pace?

[@mustafahadi3613]

Nope

[@ashishjakhariya1523]

can u expand this app like add extra point feature after watching rewarded video ads

[@Abdullahhhh2001]

HELP! 5:11 getQuestions error => 'QuizRepository.getQuestions' ('Future Function({required int categoryId, required Difficulty difficulty, required int numQuestions})') isn't a valid override of 'BaseQuizRepository.getQuestions' ('Future Function({int categoryId, Difficulty difficulty, int numQuestions})')

[@kennedychari7710]

hie marcus how do l go to the api to generate url

[@Abdullahhhh2001]

HELP! 5:11 getQuestions error => 'QuizRepository.getQuestions' ('Future Function({required int categoryId, required Difficulty difficulty, required int numQuestions})') isn't a valid override of 'BaseQuizRepository.getQuestions' ('Future Function({int categoryId, Difficulty difficulty, int numQuestions})')

[@dangdatraymonddelmut3230]

Nice tutorial. Please can you share the source code?

[@rey-karl-studio]

@@MarcusNg I loved what you showed in the tutorial and I am very impressed with the dexterity of the program. I wanted to see the details so I could learn also. I just cannot follow what is on youtube as it's showing the procedure very fast. I'm wondering why I cannot see the source code of this tutorial in your Github account. I'm only seeing your other six flutter programs but not this one. Thanks.

[@SakthiPrakashPM]

how to get the dependencies bro?

[@Abdullahhhh2001]

HELP! 5:11 getQuestions error => 'QuizRepository.getQuestions' ('Future Function({required int categoryId, required Difficulty difficulty, required int numQuestions})') isn't a valid override of 'BaseQuizRepository.getQuestions' ('Future Function({int categoryId, Difficulty difficulty, int numQuestions})')

[@JamsFX]

in your root project in terminal use this flutter pub add dependancies_name dependancies_dos dependancies_tres

[@Abdullahhhh2001]

HELP! 5:11 *getQuestions* error => 'QuizRepository.getQuestions' ('Future Function({required int categoryId, required Difficulty difficulty, required int numQuestions})') isn't a valid override of 'BaseQuizRepository.getQuestions' ('Future Function({int categoryId, Difficulty difficulty, int numQuestions})')