Klarity

Klarity: Watch smarter, conquer every twist

Comment

Inspiration

My inspiration came after watching tons of movies. I'm a huge movie fan, but one thing that really annoys me is the fact that some movies, no matter how hard you try, are just hard to follow. I've tried searching on google, but the spoilers just totally ruin the movie. This is why I made Klarity, a simple, spoiler-free way, for users to understand the movie and enjoy it to the fullest.

What it does

Klarity has a built-in player in it and it plays the movie; the user submits a YouTube link to the movie that they want to watch. The link goes through a Machine Learning Model and Gemini 2.0 Flash and returns a spoiler free briefing that explains and sets the stage so that users aren't instantly confused as the movie starts.

How we built it

I built it using python and flask for the backend and a react frontend. I chose python because that's the language I know best and react had tools like framer-motion which made the experience more enjoyable and user friendly.

Challenges we ran into

One of the biggest challenges I ran into was getting the app to access the Machine Learning Model and Gemini fast enough, if it's too slow, then there's no point, so I had to use multiple APIs and adjust the prompts to make it faster.

Accomplishments that we're proud of

I'm really proud of the looks. In my opinion it looks really nicely, and all the features function properly.

What we learned

I learnt how hard it is to actually integrate an AI model into a website. It looked simple in the beginning, but time pressure got to me. I learned that I should actually go and plan out what I'm going to do and how long to spend on each step so that I'm not rushed and I finish on time.

What's next for Klarity

I want to expand Klarity into a mobile app too. And most importantly, I want to integrate more streaming platforms like Netflix or Disney+ on top of Youtube to make the experience much more enjoyable.

Built With

Share this project:

Updates