All language subtitles for 1. Quizzler - A TrueFalse Quiz App

All right,
1

so it's time to build a new app.
2

And in this module, we're going to be building a quiz app where the user has to answer questions and
3

we'll tell them how many they got right.
4

And while we build that, we're going to learn all about classes and objects and how to create them using
5

Dart.
6

Now by the end the module, you're going to have a app that looks like this.
7

It keeps track of the users score, and it lets them answer true and false questions. Even though the app
8

looks simple, under the hood,
9

we're going to be tackling some more intermediate programming concepts. And also figure out how we can
10

better structure our app.
11

So as always, first things first, let's get set up using the GitHub repository that we've got as the
12

starting file.
13

This is the starting project for our Quizzler app.
14

And as always, we're going to copy the URL and we're going to go into Android Studio, and we're going
15

to check out our project from version control, gonna select Git, and then we'll paste in that URL that
16

we got previously, and clone our projects. And we gonna select no as always.
17

Instead we're going to choose to open it up where we saved it, which is inside my Android Studio projects.
18

And we have to click on Get dependencies in order for it to pull in all of our Flutter packages, and
19

setup our project for Flutter development.
20

So as always, we have our main.dart which contains all of the starting code.
21

And in this case actually, we haven't made any changes in the pubspec,
22

we've actually left it as it is. And there's no resources that we've added, no images, other than the app
23

icons for the Android and iOS side.
24

But the main reason why we have the starting file for you is because we've actually gone ahead and created
25

a very simple user interface.
26

So once you clone the project, go ahead and run it to see what we've done. Once the app has run,
27

this is what you should see.
28

There is a dark background and there's some white text. And exactly as what it says,
29

this is where our questions will go and these are the true and false buttons that the user will be able
30

to click on to select their answer.
31

And this is all that we've done. And it's simply a text widget and two flat button widgets. And they
32

are of course embedded inside expanded widgets in a column so that they take up the right amount of
33

space.
34

Now if you want to create this user interface completely from scratch yourself just to get extra practice,
35

then feel free to create a new project from scratch.
36

There's no images that you need and there's no changes in the pubspec. But given that we're going to
37

learn quite a lot in this module, I thought it was a good idea that we gave you these starting components
38

so that we don't have to spend a lot of time creating things and doing things that we already know how
39

to do.
40

So once you've reviewed the code and seen how the widgets are set up, then you're pretty much ready to
41

go to the next lesson and we're going to start building our scorekeeper.
42

So for all of that and more, I'll see you on the next lesson.