arrow_back
CATEGORY: WEB DEVELOPMENT // POST: MV-0105

MOODVIE.

Published2023.08.2910:00 UTC
AuthorEdward SavinSoftware Engineer
Read Time
0 MIN / 0 KB

Intro

Moodvie is an innovative movie recommendation application that provides suggestions based on a user's music taste and mood.

The project stands out because it leverages Spotify's data, harnesses the power of AI through OpenAI's gpt-3.5-turbo API, and utilizes TMDB's vast movie database.

It uses an interesting method for determining movie recommendations: by analyzing the user's recently listened to songs on Spotify, it determines their mood and subsequently suggests relevant movies.

Moodvie's unique approach to movie discovery is powered by a robust tech stack called T3, it includes Next.js, TypeScript, TailwindCSS, tRPC, and Prisma, offering a seamless and personalized user experience.

VIDEO_DEMO // MP4

Development

One of the technical challenges faced during the application's development was implementing the draggable songs image carousel. The final implementation was able to display an attractive, smoothly dragging image carousel for songs, greatly enhancing the user experience.

Recommendation Showcase
AI_ANALYSIS // SPOTIFY_DATA
FIG 1.2: Recommendation Engine

Recommendation Engine

Given the user's Spotify credentials, Moodvie fetches the user's recently listened to songs, analyzes them using OpenAI, and recommends movies based on the processed mood.

Movie Details
TMDB_INTEGRATION // DATA_FETCHING
FIG 1.3: Movie Details

Movie Details

Smoothly fetching and displaying key movie details such as release year, stars, and descriptions by integrating TMDB's extensive movie database.

Wow, what a cool project! I will definitely be using this to find new movies to watch.
— Me
History Showcase
USER_HISTORY // PERSISTENCE
FIG 1.4: Watch History

User History

Keeping track of users' recommendations is a great quality of life and provides a better, personalized user experience. The user's preference data opens a gateway for future development and data analysis.

Mobile

Moodvie's mobile design maintains its unique style elements, animations, and touch-responsive carousel for a consistent, engaging user experience across devices.

Mobile View

Conclusion

Moodvie actively expands the boundary of traditional movie-recommendation applications.

By clever use and integration of various APIs and technologies, it transforms user behaviors into valuable input for generating personalized movie recommendations.

The ability of the Moodvie app to store extensive data for each user qualitatively extends opportunities for personalization and future application growth.


Excited by this project? Want to discuss it further?Don't hesitate to reach out!