React JS Tutorial - Build Movie React App with API, Filter, Sort & Dark Mode

React JS Full Course - https://www.udemy.com/course/the-ultimate-react-course-2023-w-real-world-projects/?referralCode=993CD544A6816303D3AD 🚀 Special Discount(60%) for Node JS Full Course: https://www.udemy.com/course/the-ultimate-nodejs-course-2025-express-mongodb-rest-apis/?couponCode=4B8597C9E17BE564023E FREE Access for this REACT JS COURSE (Limited Offer) - https://www.udemy.com/course/the-ultimate-react-course-2023-w-real-world-projects/?couponCode=7346AED43FADB256EB84 In this Movie Listing React Application we will fetch real movie data from the tmdb api. Also we apply filter feature in react, sorting feature and as bonus dark and light theme mode in react. So you can add this react project in your portfolio and boost your portfolio. Here are some important links: Project 01 Modern To Do Application - https://youtu.be/C5hQxdA_eY0 Project Resources - https://drive.google.com/drive/folders/1whgS0_RLdZoXnVWtf-xsDkPPKElR441m?usp=sharing Github - https://github.com/CodeBlessYou/movie-maniac Movie DB API Website - https://www.themoviedb.org VPNLY Chrome Extension - https://chromewebstore.google.com/detail/free-vpn-proxy-vpnly/lneaocagcijjdpkcabeanfpdbmapcjjg Access my Full React JS Course - https://www.udemy.com/course/the-ultimate-react-course-2023-w-real-world-projects/?referralCode=993CD544A6816303D3AD 🚀 Access REDUX Course:- https://www.udemy.com/course/the-ultimate-redux-course-state-management-library/?referralCode=0E6517D629498E1C48D7 Time Stamps: 00:00:00 Intro 00:01:03 Create react app using vite 00:04:07 Layout Design 00:07:01 Adding Fonts 00:11:37 Build Navbar Component 00:18:43 Build MovieList Component 00:28:20 Build MovieCard Component 00:32:28 Styling MovieCard Component 00:40:59 What is API 00:45:03 The Movie DB website is not working 00:46:47 Generate TMDB API key 00:52:23 Calling API using Fetch 00:59:54 Exercise for Movie Card 01:00:25 Solution of the Exercise 01:05:59 Adding Features to Project 01:06:23 Filter vs Sort 01:07:31 Filtering Movies by Stars 01:14:52 Reusable Filter Component 01:18:45 Handling Sorting Selection 01:22:49 Debug React App 01:25:14 Implement Sorting Feature 01:32:16 Adding Switch for Dark-Light Mode 01:36:18 Dark Mode Implementation 01:45:42 Making MovieList Component Reusable Social Media Links 🚀COURSES : https://www.udemy.com/user/code-bless-you/ 🤩INSTAGRAM : https://www.instagram.com/code_blessyou/ 💙FACEBOOK : https://www.facebook.com/people/CB-You/100077716056158/ 🐦TWITTER : https://twitter.com/Code_BlessYou 😎LINKEDIN : https://www.linkedin.com/in/code-bless-you-5b76822b