Search movies and view details using a public API.
Difficulty: Intermediate · Technology: React, public movie API
Features to build
- Search with debounce
- Details page
- Favourites list
- Pagination
Step-by-step build plan
- Set up a React project and routes
- Fetch search results from the API
- Debounce the search input
- Build a details page
- Save favourites to local storage
The part most people find hard
Avoiding a request on every keystroke.
How to test it
Search quickly and check the network tab for extra calls.
Suggested extensions
Add user accounts, better error handling, automated tests and a README with screenshots. Each extension is a new talking point in interviews.
How to describe it on your resume
Developed a React movie search app with routing and API integration.
Portfolio tip
Deploy it, link both the live version and the code, and write two paragraphs about what you learned and what you would improve.