Original subtitles

1 1

So we have been making a lot of progress 2

2

in building our application. 3

3

That we can actually say already that the core functionality 4

4

of the app is in fact already working. 5

5

So now let's take a breath and think a little bit 6

6

about our next step in this short lecture. 7

7

So again, the core functionality is what we see here 8

8

in this flow chart. 9

9

And so that is basically the search functionality, 10

10

then also displaying the pagination 11

11

and then displaying any recipe that was selected. 12

12

And so that we already have working at this point. 13

13

And so that is really great progress, 14

14

but now let's take it to the next level 15

15

and think a little bit about how we will implement 16

16

our next features here. 17

17

So based on the user stories 18

18

that we outlined in the beginning of this project, 19

19

our next feature was a functionality 20

20

for changing the servings of the displayed recipe. 21

21

And that's going to be quite easy. 22

22

All we will have to do is to listen 23

23

and to handle events on the change servings buttons 24

24

and then basically update the recipe and render it again. 25

25

Then the next feature is the bookmarking functionality. 26

26

And this is going to be yet another one 27

27

that will be a little bit complex to implement. 28

28

So let's see what we have here. 29

29

So starting with the event here more on the left side, 30

30

whenever the user bookmarks a certain recipe 31

31

then we want to render that bookmarks 32

32

in the special bookmarks panel, 33

33

and we also want to update the button in the recipe. 34

34

And so basically we will then rerender the recipe. 35

35

Now then whenever the user clicks one of the bookmarks, 36

36

and so that's the other event down there 37

37

then we want to render exactly that a recipe 38

38

that was clicked, okay? 39

39

So here we will need two events 40

40

and by the time we reach this functionality 41

41

we will, of course seen more detail how it's gonna work. 42

42

Then next up, we want to be able to store 43

43

this personalized bookmark data in the browser 44

44

and also a read it back when the page is loaded 45

45

for the next time. 46

46

And so that's exactly what is here on this diagram. 47

47

So whenever there is a new bookmark, 48

48

we basically store all the bookmarks to local storage. 49

49

And then when the page loads 50

50

then we load all the bookmarks back 51

51

from the local storage and render them, all right? 52

52

And so that's actually it. 53

53

So this is what we will do over the next couple of lectures. 54

54

And once we're done with that, 55

55

the application will actually almost be finished. 56

56

Okay, so that is our plan for the next couple of lectures. 57

57

And so let's now go back to code 58

58

and implement the functionality 59

59

of changing the servings right in the next lecture.