Join the Conversation!
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
About the Project
Loading...
Loading...
0 Comments
"Please login to view comments"
Upgrade your account
"Please login to view comments"
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
How did you manage to remove the blur property and reach here?
Upgrading gives you access to quizzes so you can test your knowledge, track progress, and improve your skills.
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
##Looks like we found a thief monkey By the way, I liked the trick how you reached till here. You have a good sense of humor. You will improve a lot if you join our course with this passion.
var (function-scoped, outdated)let (block-scoped, modern and recommended)const (block-scoped, cannot be reassigned)_, or $let let = 5; is invalid)myVar and myvar are different)string, number, boolean, null, undefined, bigint, symbolObjects, Arrays, Functions
Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.
00:00:00Â This is a single-page application where you can view all movies from an external API with pagination.
00:00:06Â Plus, there's a search feature that lets you find any movie you're interested in.
00:00:11Â But here's the cool part.
00:00:13Â We'll simulate Netflix's top trending list.
00:00:16Â Unlike the movies pulled from the API, these rankings are based on actual user searches within the app.
00:00:24Â The more users search for a particular movie, the higher its count grows, and the more likely it is to show up as the top searched movie.
00:00:33Â We are actually building a small algorithm here.
00:00:36Â We'll do it using AppRide.
00:00:38Â So, if you haven't yet signed up, now's the time to do so.
00:00:41Â Just click the link in the description.
00:00:43Â And of course, this app is fully responsive across all devices.
00:00:48Â The main goal of this course is to teach you all the most important React.js concepts so you can implement them within your code,
00:00:55Â within this project, and all of your future projects.
00:00:59Â Alongside building the app, I'll also teach you how to deploy it to the internet so that everyone can see what you've done.
00:01:05Â See, the app you'll build today isn't just a project.
00:01:09Â It's a career asset designed to showcase everything you're capable of, making you an attractive candidate for any job.
00:01:17Â I highly recommend Hostinger, so I'll put a link down in the description.
00:01:21Â I'll go with the premium plan as it allows me to host a hundred websites with free SSL for HTTPS security, free email for that professional touch,
00:01:32Â and even a free domain name to give your website a good name.
00:01:35Â And because I've partnered with Hostinger, you'll get an even bigger discount.
00:01:39Â Click the special link in the description, click Claim Deal, and add to cart.
00:01:44Â Choose the period of our hosting.
00:01:46Â I'll choose 48 months to save the most.
00:01:48Â And then, next to your payment method, you can enter your JavaScript Mastery coupon code, which will give you the biggest discount available.
00:01:55Â Once you've purchased, we are ready to set everything up.
00:01:58Â Let's start with Hostinger's guided setup.
00:02:00Â In this case, we'll create a new website.
00:02:03Â And we won't use WordPress.
00:02:04Â We want to have an empty HTML website, which of course will turn into a React website.
00:02:09Â As you can see, I use Hostinger for all of my domain names.
00:02:13Â So if you want to choose your domain name right now, you can do that.
00:02:16Â But if you want to do it at the end, you can click Use temporary domain.
00:02:20Â You can choose the server that is closest to you.
00:02:23Â And that's it.
00:02:23Â Our setup is being initialized.
00:02:25Â While our hosting is setting up, I just want to quickly let you know that there's a GitHub repo containing the entire code for this project.
00:02:32Â So if you ever get stuck, just make sure to visit the GitHub page and compare your code with the code that's on there.
00:02:38Â There's also a free complete Figma design for this project in case you want to develop it on your own.
00:02:43Â And let's not forget the extra lessons and pro courses on jsmastery.pro.
00:02:48Â With that in mind, our hosting has been set up and at the end of the course, we'll simply change our domain to a real one and then deploy it using the
00:02:56Â file manager.
00:02:57Â With that said, let's dive straight into the code.