1
00:00:00,670 --> 00:00:05,770
In the previous video, we saw how to implement the remove favorite function, the removal of its property

2
00:00:05,770 --> 00:00:07,270
like we have created a new company.

3
00:00:07,720 --> 00:00:09,460
We have exploded it to our budget.

4
00:00:09,730 --> 00:00:13,880
We have used a remote favorite and then we have like brought the logic friendly movie.

5
00:00:13,990 --> 00:00:19,150
It's using the filter functions on the favorites constraint that is basically they use straight up.

6
00:00:19,690 --> 00:00:26,200
So now here we can see how to store the data since we are working with React like we are not going into

7
00:00:26,200 --> 00:00:31,750
the database action, like using noise scale or a school like push to get a sequel Illinois school database

8
00:00:31,750 --> 00:00:32,770
such as MongoDB.

9
00:00:33,250 --> 00:00:37,210
But we thought that we can store data in local storage, right?

10
00:00:37,540 --> 00:00:38,290
So how to do that?

11
00:00:38,380 --> 00:00:41,530
So basically that it's a it's a simple procedure.

12
00:00:41,800 --> 00:00:46,270
First thing you have to clear the data structure in your local storage.

13
00:00:46,570 --> 00:00:49,090
So first, we'll do that here.

14
00:00:50,940 --> 00:00:56,730
Before I add favorite movie, because I'm doing it before, because often you create the local storage

15
00:00:56,730 --> 00:01:02,370
data structure, my data structure, data storage, basically to store data like it should be some clones

16
00:01:02,370 --> 00:01:05,130
and definitions on all the stored data, what should be the variable names?

17
00:01:05,340 --> 00:01:10,080
So once we give the data structure in the local storage, then when we are adding new favorites, we

18
00:01:10,080 --> 00:01:11,910
can store them and then removing your favorites.

19
00:01:11,910 --> 00:01:12,860
We can delete it from them.

20
00:01:12,870 --> 00:01:14,070
So that's why we do it before.

21
00:01:15,000 --> 00:01:16,260
So how to do that concert?

22
00:01:17,320 --> 00:01:18,850
They've both.

23
00:01:20,260 --> 00:01:20,740
Local.

24
00:01:22,090 --> 00:01:22,630
Storage.

25
00:01:27,700 --> 00:01:33,420
So now we'll be creating that data center, so I'll recreate the data structure, local storage dot

26
00:01:33,760 --> 00:01:34,480
stack item.

27
00:01:35,960 --> 00:01:40,790
So basically, this what it will do is that it will create a variable to store the data.

28
00:01:41,210 --> 00:01:45,710
So what should be the variable and what should be the act moving up favorites?

29
00:01:50,710 --> 00:01:51,070
OK.

30
00:01:51,190 --> 00:01:56,950
10, what kind of data we should start, we should start the different objects today that's really based,

31
00:01:57,130 --> 00:02:01,690
like from there you are one of the OMD API that we get the data.

32
00:02:01,690 --> 00:02:03,220
It will be not like.

33
00:02:03,220 --> 00:02:09,160
It will be something in a day type, data type, format, like plain text or something that we are putting

34
00:02:09,160 --> 00:02:09,910
into that JSON.

35
00:02:09,940 --> 00:02:11,410
So that's very amusing, extremely fast.

36
00:02:14,880 --> 00:02:15,330
Items.

37
00:02:19,740 --> 00:02:27,030
So basically, once once we did this now, the next step is whenever we are using the add favorite movie

38
00:02:27,030 --> 00:02:30,960
or remote favorite movie, you have to call the sample local storage and save the data.

39
00:02:31,290 --> 00:02:33,300
So there are two steps remaining.

40
00:02:33,750 --> 00:02:38,000
So in the atmosphere, after setting the movies, we have to store them that local data.

41
00:02:38,040 --> 00:02:42,990
So save the local storage and then we have to send the new list your favorite list.

42
00:02:44,000 --> 00:02:44,390
That's it.

43
00:02:45,110 --> 00:02:49,910
So what we'll do, it will take the new favorite items and then these items will be stored under the

44
00:02:49,910 --> 00:02:51,770
Variable Quality Act movie up favorites.

45
00:02:52,430 --> 00:03:00,560
The same thing how to delete So deleting is also a simple procedure bursting into two lines of code

46
00:03:00,560 --> 00:03:02,450
basically said favorites.

47
00:03:03,970 --> 00:03:04,960
New favorite list.

48
00:03:07,960 --> 00:03:08,410
And then.

49
00:03:09,600 --> 00:03:10,830
Sample local storage.

50
00:03:12,480 --> 00:03:13,250
Your favorite list?

51
00:03:14,870 --> 00:03:20,570
So in the previous video, like we did not do, this line of work is basically you are changing the

52
00:03:20,840 --> 00:03:25,940
favorites like we are updating the favorites, so whenever we delete it, right, so we have to whenever

53
00:03:25,940 --> 00:03:27,170
we deleted, we have to admit it.

54
00:03:27,410 --> 00:03:32,390
So that's why I'm updating with the using the set favorites function, which are the favorites value.

55
00:03:32,780 --> 00:03:37,130
After updating it, we have to basically again save it for the middle class to ensure that same variable

56
00:03:37,130 --> 00:03:38,360
reaction will be our favorite.

57
00:03:38,810 --> 00:03:40,340
So once if we do this.

58
00:03:41,980 --> 00:03:45,550
As you can see, I am refreshed and the more everything from my favorites.

59
00:03:47,390 --> 00:03:48,650
And then I'll refresh it again.

60
00:03:50,640 --> 00:03:51,780
Can go to the application.

61
00:03:52,960 --> 00:03:54,730
Your local storage is empty, right?

62
00:03:54,940 --> 00:03:58,630
I'm clearing it if it is not empty, it empty again reflected in check.

63
00:03:58,930 --> 00:04:00,340
Now I would refer, you have it's empty.

64
00:04:00,550 --> 00:04:01,570
So now it does.

65
00:04:01,900 --> 00:04:03,160
So tried movies and search.

66
00:04:03,580 --> 00:04:07,060
Yes and no, Nolan basically on two.

67
00:04:08,160 --> 00:04:12,750
And three more, these three men with 11 brains against the we're having three movies.

68
00:04:13,080 --> 00:04:16,560
And now we have created a key like movie, have favorites.

69
00:04:16,710 --> 00:04:21,960
This is basically the variable name in programming, and it has a value of the design or the design

70
00:04:21,960 --> 00:04:22,350
object.

71
00:04:22,980 --> 00:04:23,210
Right?

72
00:04:23,550 --> 00:04:24,330
You can click on this.

73
00:04:24,330 --> 00:04:26,970
You can see the title here, everything.

74
00:04:27,240 --> 00:04:29,460
And then there are three items in that.

75
00:04:30,180 --> 00:04:31,350
All the favorites that we had.

76
00:04:31,800 --> 00:04:32,880
So now I'm sorry.

77
00:04:33,420 --> 00:04:38,040
I'm deleting the first thing anymore, and then you can see it automatically deleted.

78
00:04:38,040 --> 00:04:39,330
The first thing ended up later.

79
00:04:39,690 --> 00:04:42,120
So what is happening whenever we click on Delete?

80
00:04:42,240 --> 00:04:46,070
It is performing this filter function and updating that favorites array.

81
00:04:46,560 --> 00:04:49,970
After updating the favorites, edit dynamically updated the storage.

82
00:04:49,980 --> 00:04:52,650
So basically everything is happening simultaneously.

83
00:04:52,980 --> 00:04:53,730
One after the other.

84
00:04:54,890 --> 00:04:59,330
That is a beautiful day, and whenever we are like, oh, no, we are not removed from forever.

85
00:04:59,450 --> 00:05:01,280
It does not disturb.

86
00:05:01,280 --> 00:05:07,630
The remaining good will basically consider the books that the animal fan favorites are using the static

87
00:05:07,640 --> 00:05:08,180
of favorite.

88
00:05:08,480 --> 00:05:11,510
It will only update the constant that are present inside these books.

89
00:05:12,140 --> 00:05:14,360
So this is how easy working with reactors judge.

90
00:05:14,370 --> 00:05:22,050
Basically, you can create a function, perform, map or filter out kind of function properly.

91
00:05:22,110 --> 00:05:28,820
Kind of methods are not desirous, and then you can store the data you want in the form of IS.

92
00:05:30,050 --> 00:05:36,650
So with this, we have completed building the app like basically the search feature of movies, seeing

93
00:05:36,650 --> 00:05:41,990
all the movies like all the languages, let us try some in the movie like like on.

94
00:05:43,530 --> 00:05:48,360
Can see if we can get the movie we can add to favorites, also the regional movies like Let Me Search

95
00:05:48,520 --> 00:05:51,090
Some Movie in Telugu, like you see.

96
00:05:52,650 --> 00:05:54,600
Can see this one, we can add it.

97
00:05:55,410 --> 00:05:59,340
Then you can search for all the movies, so this is a good feature.

98
00:05:59,340 --> 00:06:03,330
You can search for all the movies, you can add it to favorites, refresh it, come any time, see the

99
00:06:03,330 --> 00:06:07,410
favorites, and this will be the checklist if you want to go one step further.

100
00:06:07,830 --> 00:06:14,040
The thing that you can do is that whenever you hover on this, you can like basically when you hover

101
00:06:14,040 --> 00:06:19,050
on the favorites, then you can see the trailer of the film like Kannada YouTube playing like that,

102
00:06:19,410 --> 00:06:22,290
and you can create a separate page whenever you click on Avengers.

103
00:06:22,530 --> 00:06:27,600
Then a separate page will open by Ah, let me tell you.

104
00:06:28,930 --> 00:06:33,100
Like this update, we will open with the image and also the details of the film.

105
00:06:33,550 --> 00:06:36,700
As you can see here, all the details like what is the title?

106
00:06:36,700 --> 00:06:42,430
Here I am day-by-day type movie poster, everything like all the details, a blueprint like as you can

107
00:06:42,430 --> 00:06:46,150
see in different already platforms where you click on the movie, you will get all the details regarding

108
00:06:46,150 --> 00:06:46,540
the movie.

109
00:06:46,840 --> 00:06:54,100
So yeah, you going to go one step ahead and then you would like solve all this up challenges that you

110
00:06:54,100 --> 00:06:54,610
want to do.

111
00:06:54,910 --> 00:06:59,950
This is the basic, like the movie app that we decided to finish in the start of the project, and we

112
00:06:59,950 --> 00:07:06,250
successfully completed and implemented all the features that we just let, such as our two favorite

113
00:07:06,580 --> 00:07:06,940
and periods.

114
00:07:07,660 --> 00:07:13,970
So for the details like who have a summary on what we did from start to then we'll see in the next few.