Web Development in React.js: Build a Web App
Welcome to this Guided Project where you will learn how to build a movie search application using React. In modern web development, it's crucial to know how to make asynchronous API calls and handle data fetching. In this tutorial, you'll make HTTP requests to a movie database API in ReactJS, as well as use React's useEffect hook to manage component state and render said data. You will also create reusable components and pass props between them. But what's a React app without some style? Fear not, you will also be using CSS to make your app look visually appealing. By the end of this project, you will have created a fully functional movie search application, with the ability to add and remove movies to a list of favorites. You will also have worked with APIs, React hooks, and CSS styling in React. Get ready to take your web development skills to the next level!
In order to get the most out of this project, it is recommended learners have a background in the following: Basic programming concepts such as variables, functions,
and conditional statements. familiarity with React.js library, such as its
component-based architecture, props, and state. Working with APIs using JavaScript and basic command line knowledge. This project should take approximately 1 hour to complete
Watch on Coursera ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
More on: React
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
AI Video Editing Tools Are Changing Content Creation in 2026
Medium · AI
"I Got Tired of Rewriting 4 AI CLI Config Files. So I Put Setup Behind One Button"
Dev.to · CodeKing
PBIFORGE: The First AI Tool to Generate Full Power BI Dashboards from a Text Prompt
Dev.to · suddhasheel bhatt
I made an extension that notifies you when Codex / Gemini / Claude finishes — got tired of tabbing back every 2 minutes to check
Dev.to · Rakshit Hooda
🎓
Tutor Explanation
DeepCamp AI