000%
Ali Saad / Creative systems practiceSignal acquired
DestinationDestination
Destination / Destination11 / route handoff

Back to the archiveW—07 / 11
07
W—07 2026
CineVault
Ironhack · Team bootcamp projectSelected work07 / 11

Selected work / Frontend Developer · Interface Architecture & Watchlist Flow

CineVault

Frontend DevelopmentAPI IntegrationReact State ManagementTeam Collaboration
Scroll to enter
OverviewProject filmThe buildOutcome
01The project, in one breath
Role
Frontend Developer · Interface Architecture & Watchlist Flow
Client
Ironhack · Team bootcamp project
Year
2026
Live AppPresentation DeckSource code

The team application brings together external catalogue data, persistent watchlist records, and several interconnected views. My focus was interface architecture, watchlist flow, sidebar/routing, and search UI improvements. The repository and presentation document how these…

A movie and TV discovery app built by a three-person team for Ironhack's Module 2 project. My focus areas were interface architecture, watchlist flow, sidebar/routing, and search UI improvements. The React app uses TMDB data and a backend API for watchlist CRUD.A movie and TV discovery app built by a three-person team for Ironhack's Module 2 project. My focus areas were interface architecture, watchlist flow, sidebar/routing, and search UI improvements. The React app uses TMDB data and a backend API for watchlist CRUD.

02 / Project film0102030405—05
CineVault homepage with movie and TV browsing links, a watchlist shortcut, and recommended titles.
CineVault homepage with movie and TV browsing links, a watchlist shortcut, and recommended titles.
Start with the discovery homepage
CineVault Movies page with a featured film, watchlist and detail actions, and popular movie cards.
CineVault Movies page with a featured film, watchlist and detail actions, and popular movie cards.
Browse featured and popular movies
CineVault detail page showing cast portraits, an image gallery, and review cards.
CineVault detail page showing cast portraits, an image gallery, and review cards.
Browse cast, images, and reviews
CineVault TV Shows page with a featured series, rating, watchlist controls, and popular show cards.
CineVault TV Shows page with a featured series, rating, watchlist controls, and popular show cards.
Explore TV shows
CineVault profile interface with an avatar, viewing statistics, personal picks, and a mood board.
CineVault profile interface with an avatar, viewing statistics, personal picks, and a mood board.
Explore the profile interface
Start with the discovery homepageBrowse featured and popular moviesBrowse cast, images, and reviewsExplore TV showsExplore the profile interfaceScroll / cut
03The build, reduced to what mattered

Three decisions shaped the final experience.

03
01
MY CONTRIBUTION

Interface & Navigation

My documented focus included the interface architecture and sidebar/routing that connect the application's views.

02
MY CONTRIBUTION

Watchlist Flow

I worked on the watchlist flow. The team application lets users add titles, mark them as watched, and remove them, with records persisted through a backend API.

03
MY CONTRIBUTION

Search UI Improvements

I contributed search UI improvements, as documented in the team repository and contribution walkthrough.

OutcomeWhat remained after the build

Our three-person team built a React movie and TV discovery application with TMDB data and persistent watchlist CRUD. My documented contribution covered interface architecture, watchlist flow, sidebar/routing, and search UI improvements. The live application, team repository, and contribution walkthrough are available from this case study.Our three-person team built a React movie and TV discovery application with TMDB data and persistent watchlist CRUD. My documented contribution covered interface architecture, watchlist flow, sidebar/routing, and search UI improvements. The live application, team repository, and contribution walkthrough are available from this case study.

3 developersTeam
Interface architecture, watchlist flow, sidebar/routing, and search UI improvementsMy contribution
TMDB catalogue and persistent watchlist APIData
Next projectW—08 / 11
Continue the archive

Restaurant Operations

Enter project
Restaurant Operations
Have something worth building?Start a project
aliihsaad1@gmail.com
InstagramLinkedInGitHubFacebook
© 2026 Ali Saad