Case study · 01
A guided scan that grows into an explorable, organized, and exportable taste universe.
The problem
Film and music enthusiasts need to discover content that fits their current mood, understand the patterns behind their choices, and organize what they have watched, saved, rated, or listened to. When these activities are split across search tools, watchlists, ratings, and playlists, recommendations lose context and saved content becomes an archive that does not explain how each item relates to the user’s taste. CineVerse addresses this fragmentation by bringing analysis, discovery, organization, and visual representation into one connected journey.
The idea
CineVerse turns a guided taste scan into a secure, persistent discovery system where analysis, recommendations, film and music exploration, and saved collections reinforce one another.
Selected films and five guided questions produce a six-dimension cinematic profile that gives later recommendations visible context.
Film recommendations, genre planets, selected titles, Orbitune signals, and song meteors are explored through one connected visual model.
Ratings, favorites, watchlists, playlists, collections, and mixed-media constellations reuse saved content instead of ending each interaction at a single screen.
Authenticated server state, revision control, HttpOnly cookies, and backend API proxies protect user data and external-service credentials across sessions.
Walkthrough
A complete walkthrough of onboarding, taste selection, cinematic DNA, personalized discovery, the Universe Map, Orbitune, and the persistent media library.
Design decisions
Why?Reduces the cold-start problem and gives recommendations a foundation users can understand.
Instead of opening with generic suggestions, CineVerse asks users to select at least three films and complete five short questions. These inputs become a six-dimension DNA profile, reducing the cold-start problem and giving users a visible foundation for understanding later recommendations.
Why?Makes cross-media relationships explorable rather than list-based.
The Universe Map brings genre planets, selected films, suggested films, song meteors, and Orbitune signals into the same scene. Users can control labels and suggestions, edit the map’s content, move directly into connected tools, and export the universe as an image, making cross-media relationships explorable rather than list-based.
Why?Reduces repeated selection and turns the library into an active workspace.
A film’s journey does not end when it is rated or saved, and a song’s journey does not end when it is captured in Orbitune. Films feed favorites, watchlists, and collections, while songs feed the map, playlists, mixed-media constellations, and Tasteprint. This reduces repeated selection and turns the library into an active workspace with media filters and card or row views.
On mobile
How it's built
IntegrationsOMDbiTunesLast.fm
Outcome
The result is a complete functional journey that begins with onboarding and account creation, moves through taste analysis and recommendations, and continues into film search, detailed views, visual mapping, music discovery, library management, and export. Films, songs, ratings, collections, and playlists operate as connected parts of one server-backed state rather than isolated features. The interface supports English and Arabic with LTR and RTL layouts, includes loading, error, and empty states, and adapts its main flows across desktop and mobile. The repository includes frontend, state, backend, database, API, and browser-route testing, along with a Render configuration for the web application, API, and PostgreSQL database. This supports a ready-to-run status without claiming unverified usage or commercial results. The project demonstrates the ability to combine personalized product design, explainable recommendation logic, interactive visual presentation, and full-stack persistence within one cohesive application.
