Flutter Quiz App||Complete App with API ||Free API || The Question and choices are from API ||
HTML-код
- Опубликовано: 6 июн 2024
- In this video, we'll dive into the exciting world of Flutter as we create a fully functional Quiz App. The uniqueness of our app lies in its dynamic nature - questions and choices are randomly shuffled using a timer, offering users a fresh challenge with each attempt!
Ready for a coding adventure? Join me in this step-by-step tutorial on building a Quiz App that fetches questions from an API in real-time! 🌐💡
🕒 Experience the thrill of timed challenges - watch the clock tick down as we dynamically change questions when time's up! Learn how to implement a smooth 'Next' button for effortless transitions.
🔗 Grab the API link in the description, and let's code together to create an engaging quiz app that adapts to your users' responses. Perfect for beginners and experienced developers alike!
🔗 Grab the API link in the description below: [opentdb.com/api.php?amount=10]
⚙️ Timestamps:
00:00 - Introduction
00:08 - Quiz Screen UI
07:46 - Home Screen UI
19:24 - API Integration
27:00 - Implementing Timer
🚀 Ready to level up your app development skills? Click play now and let's dive into the world of dynamic quizzes!
#QuizApp #APIIntegration #MobileAppDevelopment #ProgrammingTutorial #AppDevelopment #CodeWithMe" - Наука
Appreciated bro 🎉❤
Can i have link to github repository 😢
Having issues with thr gradel
Kiso pare na,,,buya
man atleast write some commensts in your code for understanding.
Don't know why but the video is stopping from 21:50 to 23:50. what should i do, can u help me
ignore that part
@@HiSyntax1 ok thanks
@@HiSyntax1 Padding(
padding: const EdgeInsets.only(left: 12.0, right: 12.0),
child: Column(
children: (responseData.isNotEmpty&& responseData[number]['question']!=null)?
shuffledOptions.map((option) {
//return Options(option: option.toString());
return GestureDetector(
onTap: selectedAnswerIndex == null ? () => pickAnswer(optionIndex,responseData[number]['right_option']) : null,
child: AnswerCard(
currentIndex: optionIndex,
options: option.toString(),
isSelected: selectedAnswerIndex == optionIndex,
selectedAnswerIndex: selectedAnswerIndex,
correctAnswerIndex: responseData[number]['right_option'],
),
);
}).toList():[],
),
),
how can i pass loop iteration instead of optionIndex
can u help me