https://github.com/deveshtuteja/streamai

An AI-powered OTT platform utilizing Gemini-1.5 flash and TMDB API for personalized movie recommendations
https://github.com/deveshtuteja/streamai

firebase gemini-api react redux tailwindcss

Last synced: 11 days ago
JSON representation

An AI-powered OTT platform utilizing Gemini-1.5 flash and TMDB API for personalized movie recommendations

• Host: GitHub
• URL: https://github.com/deveshtuteja/streamai
• Owner: deveshtuteja
• Created: 2024-08-03T15:53:26.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T07:08:02.000Z (2 months ago)
• Last Synced: 2024-09-07T08:26:35.252Z (2 months ago)
• Topics: firebase, gemini-api, react, redux, tailwindcss
• Language: JavaScript
• Homepage: https://stream-ai.netlify.app
• Size: 298 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# StreamAI

- Developed StreamAI: An AI-powered OTT platform utilizing Gemini-1.5 flash and TMDB API for personalized movie recommendations, boosting recommendation accuracy by 40% and increasing user engagement by 35%

- Optimized application performance: Achieved a 30% reduction in loading times and a 25% decrease in unnecessary re-renders through custom hooks, memoization, and efficient Redux state management.

- Integrated natural language processing: Enhanced user experience by implementing NLP for seamless, AI-driven movie searches and interactions.

- Implemented user authentication: Developed secure login and sign-up features using Firebase Authentication, improving user retention by 15%.

## How did i build it? 

- Vite app

- Configured tailwind CSS

- Header

- Routing of app

- Login Form

- Sign Up Form

- Form Validation

- useRef Hook

- Firebase Setup

- Create Sign Up User Account

- Implement Sign in user api

- Redux Store with userSlice

- Update Profile

- Implemented Sign Out feature

- Bug Fix: if the user is logged in, redirect him to /browse page and vice versa

- Unsubscribed to the onAuthStateChanged callback

- Add hard coded values to the constants file

- Register on TMDB website for TMDB API & create an app & get an access token

- Get data from the TMDB now playing movies list

- Custom Hook for now playing movies

- Update store with movies data

- Planning for main & secondary container

- fetch data for trailer video

- update store with trailer video data

- embedded the YT video and make it autoplay and mute

- Tailwind classes added to make Main Container awesome

- Build secondary component

- Built Movie List

- Built Movie Card

- TMDB Image CDN

- Made browse page amazing with tailwind CSS

- usePopularMovies Custom Hook

- useTopRatedMovies Custom Hook

- useUpcomingMovies Custom Hook

- GPT Search Page

- GPT Search Bar

- Added multi-language feature to gpt search page

- Google Gemini setup

- Extracted Responses from Gemini

- pushed movieNames and movieResults into the store

- implemented memoization

- made app responsive

# Features

-Login/Sign up

-Sign in/up form

-redirect to browser page

-Browse(Authentication)

-Header

-Movie

-Trailer in the background

-Title and Description

-Movie Suggestions

-Movie List\*N

-StreamGPT

-Search bar

-Movie suggestions

# NOTE

- Tmdb is banned in India. It doesn't work on Jio