Chapter 5. Building a Movie Explorer App, Part 1: Browsing and Details
The next several chapters will walk you through five hands-on projects, demonstrating how to build and deploy applications with minimal manual coding. By the end, you’ll have built several real apps, including a movie explorer, a workout tracker, and a design-driven grocery list app, by connecting Bolt with tools like the TMDB API, Netlify, Supabase, and Figma. Follow along in your browser with Bolt as you read.
In this and the next chapter, you’ll build a web application we’ll call Movie Explorer that allows users to browse movies and view detailed information. You’ll use an API from The Movie Database (TMDB) to fetch data like movie titles, posters, and descriptions and display them in your app. By the end of this chapter, you’ll have a functioning app where users can see popular movies, search for specific titles, and click on any movie to view its details. In Chapter 6, you’ll refine the app with new features like user accounts, favorites, and more.
This chapter covers how to do the following:
-
Set up a new project with Bolt
-
Integrate the TMDB API by providing an API key and fetching data
-
Display a list of movies (with titles and posters) on a home page
-
Add a search feature to find movies by name
-
Create a details page that shows more information when a movie is selected
-
Do some basic UI styling for a pleasant user experience
-
Test the app in the Bolt environment
-
Deal with any issues (like ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access