1 00:00:01,420 --> 00:00:02,770 Hello and welcome to this project. 2 00:00:03,280 --> 00:00:09,250 So in this project will be building a mortgage application that is similar to what it is completely 3 00:00:09,250 --> 00:00:11,650 from scratch using React JS framework. 4 00:00:14,450 --> 00:00:18,890 As you can see, this is the final option that we are going to build after the end of this project. 5 00:00:19,940 --> 00:00:24,230 Firstly, it will have a search back, but if you can search movies and then based on the search, will 6 00:00:24,230 --> 00:00:28,100 be getting the movies over here and then we can add them to favorites. 7 00:00:28,580 --> 00:00:30,020 There's optional add to favorites. 8 00:00:30,140 --> 00:00:33,050 If I click on Add to favorites, it will be added here in the Favorites column. 9 00:00:33,920 --> 00:00:40,460 So whenever you refresh the page or visit it after some time, the data of your favorites will be same 10 00:00:40,460 --> 00:00:44,690 as before because we'll be storing them in the local storage so that the data is not lost. 11 00:00:45,170 --> 00:00:50,690 So this you can use as a watch list for movies that you'll be, you'll be using the oddities. 12 00:00:51,660 --> 00:00:57,360 The additional features you can add is when whenever you pull one onto a movie list, then you can see 13 00:00:57,360 --> 00:00:59,790 the trailer of the movie at the YouTube API to it. 14 00:01:00,540 --> 00:01:06,240 So basically, you can see how to build this complete movies application and the features of search, 15 00:01:06,240 --> 00:01:08,280 but active editing, all the favorites and et cetera. 16 00:01:08,690 --> 00:01:12,900 So let me show you demo like first and remove everything from my favorites on it. 17 00:01:15,470 --> 00:01:17,150 Let me search for what we like. 18 00:01:17,420 --> 00:01:22,940 Let me search for Star Wars and also one more important thing is you can search for all kinds of movies 19 00:01:22,940 --> 00:01:25,190 will be using the web API. 20 00:01:25,550 --> 00:01:31,460 So what this API does is that it gives that data of all the language movies, whether it is Hindi, 21 00:01:31,640 --> 00:01:37,250 English or even regional languages such as Tamil, Telugu, Malayalam, Kannada, everything. 22 00:01:38,310 --> 00:01:39,190 The star was. 23 00:01:40,400 --> 00:01:47,240 You can see I've got some a few movies that are like that have this Star Wars. 24 00:01:48,610 --> 00:01:52,780 And it started off picking up the dirty and everything so that we add them to favorites, I'll add this 25 00:01:52,780 --> 00:01:57,650 to my favorites and this to my favorites now in search for another type of missile style search for 26 00:01:57,650 --> 00:01:58,300 Avengers. 27 00:02:00,280 --> 00:02:06,580 You can see there are movies like all the movies that I've pitched by the EPA and add them to favorites. 28 00:02:07,520 --> 00:02:12,490 And then I refresh the page, you can see the favorites are still there, yet you can search for like, 29 00:02:12,700 --> 00:02:17,950 Oh, let me search for another regional movie, something like sensible, where you can add them to 30 00:02:17,950 --> 00:02:18,340 favorites. 31 00:02:18,610 --> 00:02:24,100 And then whenever you refresh, you can see that the local storage or the let off your favorites. 32 00:02:25,750 --> 00:02:31,720 Then we open the local storage, see in the local storage, you can see the date of the your favourite 33 00:02:31,720 --> 00:02:34,630 song of all the movies that are added to your favorites. 34 00:02:34,930 --> 00:02:37,310 So this is what is the final episode that we are going to be. 35 00:02:37,450 --> 00:02:38,380 And of course. 36 00:02:39,540 --> 00:02:39,860 And. 37 00:02:42,020 --> 00:02:46,890 Things that you will do in this course are basically setting up the project, knowing about MTV, EPA, 38 00:02:47,060 --> 00:02:53,000 integrating it with that React project we use bootstrap fishtailing billion will be using the hoax react 39 00:02:53,000 --> 00:02:58,280 looks, use effect and use tactics, and also the business logic to perform at the fair in its remote. 40 00:02:58,430 --> 00:03:02,870 Remove some favorites and functionality search bar and movie list component. 41 00:03:03,970 --> 00:03:09,040 Frameworks and technology said, as I said, we will be knowing about the IMDb API, bootstrap react, 42 00:03:09,040 --> 00:03:16,030 props, hooks and then the postman recipe will use Postman for performing, get in post requests will 43 00:03:16,030 --> 00:03:18,610 see that in the coming upcoming native. 44 00:03:19,240 --> 00:03:20,650 So this is what if the final? 45 00:03:21,730 --> 00:03:25,740 Application that relevant to at the end of this project will meet in the next few.