CinéThink

Dynamic and user-friendly web application that allows users to explore the latest trending movies and series. It provides official announcements, and the ability to track and favorite content.

Comment

🌟 Inspiration

Streaming platforms and movie databases often lack a narrative-driven and intelligent way to help users explore content. We wanted to build a platform that not only aggregates data but enhances the user experience with meaningful summaries and official updates, making it fun and engaging to explore your favorite content.

🎯 What it Does

CinéThink offers a seamless experience for discovering trending movies and TV shows with rich content and smart features:

  • Browse real-time trending titles with visuals and key data.
  • Search for any movie or show using intuitive keyword matching.
  • Favorite content to create a personalized watchlist.
  • View official announcements like sequels, spin-offs, or cancellations.
  • Read AI-powered story summaries to quickly catch up on any title.

🛠️ How We Built It

  • Frontend: Built with Vue.js 3 (Vite) for a fast and reactive user experience.
  • Backend: Powered by Laravel 12+, handling API requests, user preferences, and favorites.
  • APIs:
    • TMDB API for accessing movie and TV data (images, ratings, cast, etc.).
    • Perplexity API to generate plot summaries and fetch official announcements using natural language understanding.

🚧 Challenges We Ran Into

  • Integrating the Perplexity API for accurate and context-aware content required a deep understanding of prompt engineering and API response parsing.
  • Handling asynchronous data from multiple APIs while maintaining performance and UI responsiveness.
  • Designing a UI that presents a lot of information without overwhelming the user.

🏆 Accomplishments That We're Proud Of

  • Successfully integrated Perplexity to transform basic movie data into a story-driven discovery experience.
  • Built a feature-complete MVP that combines real-time content, personalization, and AI-powered summaries.
  • Created a clean, accessible UI that works seamlessly across devices.

📚 What We Learned

  • Gained hands-on experience with large language model APIs and how to make their output user-friendly.
  • Learned best practices in Vue 3 state management and composition API.
  • Strengthened our understanding of API orchestration and response caching for performance.

🚀 What's Next for CineThink

  • Mobile-first redesign for an optimized experience on smaller screens.
  • AI Recommendations based on user watch patterns and favorites.
  • ** Download Feature ** Users will be able to download detailed movie/series information and narrative story summaries for offline viewing or sharing

Built With

Share this project:

Updates