https://github.com/jorjishasan/cornflix

CornFlix: AI-Powered Movie Discovery Platform ⚡️ Covering: Sleek UI/UX, Real-time Data, Authentication, Perf Optimization
https://github.com/jorjishasan/cornflix

ai express firebase framer-motion nodejs react react-router redux render tailwindcss

Last synced: 26 days ago
JSON representation

CornFlix: AI-Powered Movie Discovery Platform ⚡️ Covering: Sleek UI/UX, Real-time Data, Authentication, Perf Optimization

• Host: GitHub
• URL: https://github.com/jorjishasan/cornflix
• Owner: jorjishasan
• Created: 2024-10-21T21:00:56.000Z (29 days ago)
• Default Branch: master
• Last Pushed: 2024-10-24T01:10:55.000Z (27 days ago)
• Last Synced: 2024-10-24T09:41:25.464Z (27 days ago)
• Topics: ai, express, firebase, framer-motion, nodejs, react, react-router, redux, render, tailwindcss
• Language: JavaScript
• Homepage: https://cornflix.app/
• Size: 117 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CornFlix

- Create React App

- Configured TailwindCSS

- Header

- Routing App

- Login Form

- SignUp Form

- Form Validation

- useRef() Hooks

- FireBase Setup

- Deploying our app to production(locally) using firebase

- Create Sign Up user account in Firebase

- Implement Sign In user API

- Created a redux store using redux store with userSlice

- Implemented Sign Out

- Update Profile API

- Fetch Movies from TMDB

- BugFix: Sign Up user displayName and Profile Picture update issue

- Unsubscribed from the onAuthChange callback

- Register TMDB API and setup the 'now playing' movie list

- Custom Hook for 'Now Playing Movies'

- Create MovieSlice

- Update Store with Movie Data

- Planning for Main Container and Secondary Container

- Fetch data for trailer Video

- Update Store with Trailer video data

- Embed yt video and make it autoplay with muted

- Build Secondary Component

- Build MovieList

- Build MovieCard

- TMDB image CDN

- Made the image page looking good using tailwind

- usePopularMovies custom hook

- Gpt Search Page

- Gpt Search Bar

- Multi language support (lang config, langSlice)

- Gpt Search Page

- Gpt Search Bar

- Multi language support (lang config, langSlice)

# Features

- Login/Sign Up

  - Sign In / Sign Up form

  - redirect to Browse Page

- Browse

  - Header

  - Main Movie

    - Trailer in Background

    - Title & Description

    - MovieSuggestions

      - MovieList \* Netflix

- AI Search

  - Search Bar

  - Movie Suggestions