Movie Browser
Browse popular films and search the catalogue, with ratings and overviews.
StarterWeb appMedia4–8hAI-buildable 4/5needs TMDB API (key)
A real API-backed browsing app: paginated popular results, a search mode, poster grid, and rating badges. Bigger than the rest of this set and the closest to something portfolio-worthy.
UI
Logic
Useful
Hosting · Free tier, metered
Deploys free on Vercel Hobby, Netlify or Cloudflare Pages + Workers.
Needs one small function to keep the API key off the client. Free tiers are metered by invocation, not time.
Deploy it and share a link.
Core features · 6
- Display currently popular movies in a poster grid
- Search the catalogue by title
- Each card shows poster, title, and rating
- Rating is colour-coded by score
- An overview panel reveals on card hover or tap
- Handle no-results and failed-request states
The interesting part
- Keeping the API key out of client code
- Handling missing poster images gracefully
Once it works
- Add pagination or infinite scroll
- Add a favourites list in localStorage
Suggested stack
reacttypescripttailwindfuse.jstanstack-querylocalstorage
External APIs
- TMDB API · needs a key