React Web Application / API Integration

NIDO

A clean movie discovery and personal watchlist experience.

Visit theWebsite
NIDO movie discovery and watchlist interface

What is this?

A responsive React application that transforms live TMDB data into movie discovery, detail pages and browser-local watchlist management.

My role

Frontend Developer for a internship project.

Materials used

  • React
  • TypeScript
  • Vite
  • React Router

Dedicated API mapping layer

Raw TMDB response shapes are converted into application-owned movie models before reaching page components.

External API details remain separated from the interface.
NIDO movie discovery and watchlist interface

Encapsulated local persistence

Watchlist CRUD and localStorage access are handled through a dedicated storage service.

Browser persistence logic is not spread across UI components.
NIDO movie discovery and watchlist interface
Reflection
“Accounts and server persistence would be required for synchronisation.”
Shipped · Web