1
00:00:02,390 --> 00:00:05,320
Of course the question is, what will we build here?

2
00:00:05,330 --> 00:00:06,930
Now we'll dive into the basics here,

3
00:00:06,940 --> 00:00:09,800
therefore of course here, we'll build a relatively simple app

4
00:00:09,830 --> 00:00:13,880
but already showing a lot of the core features you got to know.

5
00:00:13,880 --> 00:00:20,450
So the app we'll build here will be an app where you can save your goals for this course, your course

6
00:00:20,450 --> 00:00:27,440
goals. Therefore we'll start by adding an input field here where you are able to enter your goal and

7
00:00:27,440 --> 00:00:30,100
of course then a button which adds it

8
00:00:30,290 --> 00:00:41,370
and then here, we'll have these various items, these various list items below that with your goals on them.

9
00:00:41,420 --> 00:00:50,870
If you tap them, that will delete the item, so upon a tap, that will be deleted but pressing that button,

10
00:00:50,870 --> 00:00:58,610
we of course add an item and we'll also enhance this application here throughout this module so that

11
00:00:58,610 --> 00:01:01,370
it also works a bit differently, by the end of the module,

12
00:01:01,400 --> 00:01:05,090
then we'll just have a plus button here so to say

13
00:01:05,210 --> 00:01:12,230
and by pressing this button here, we will open a modal which is an overlay over the screen where you

14
00:01:12,230 --> 00:01:13,620
can then enter your goal

15
00:01:13,760 --> 00:01:15,340
and we still will have the output here

16
00:01:15,350 --> 00:01:20,810
but basically the inputs will be taken away from that main screen into that modal. The idea of is of

17
00:01:20,810 --> 00:01:26,150
course very trivial app here is that we get to know a lot of these core features, these core components

18
00:01:26,150 --> 00:01:30,450
you work with, how to style these components, how to work with such a modal and so on

19
00:01:30,680 --> 00:01:34,640
and we'll obviously build way more complex apps throughout this course of course.

20
00:01:34,640 --> 00:01:40,520
So let's get started with this very trivial, nonetheless super important and helpful application now.