Skip to content

Monishohms/Gemflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gemflix: Your Ultimate Film Guide! 🎬

Overview

Gemflix is a lightweight, customizable, and efficient tool for exploring and analyzing Netflix's extensive collection of movies. Built with simplicity and speed in mind, this application provides users with a seamless browsing experience, allowing them to discover new content, save favorites, and track their viewing history.

Getting Started

To get started with Gemflix, follow these steps:

  1. Clone the Repository:
    git clone https://github.com/Monishohms/Gemflix.git
    
  2. Navigate to the Project Directory:
    cd Gemflix
    
  3. Install Dependencies:
    npm install
    
  4. Run the Application:
    npm start
    
  5. Open Your Browser: Visit http://localhost:3000 to access the application.

Contributing

Contributions are welcome! If you'd like to contribute to Netflix-Gemini, please follow these guidelines:

  • Fork the repository.
  • Create your feature branch: git checkout -b feature-name.
  • Commit your changes: git commit -m 'Add some feature'.
  • Push to the branch: git push origin feature-name.
  • Submit a pull request.

Credits

Gemflix was developed by Monishohms.

Creating a Gemflix project involves following steps:

  • Create React App
  • Configured TailwindCSS
  • Header
  • Routing of App
  • Login Form
  • Sign up Form
  • Form Validation
  • useRef Hook
  • Firebase Setup
  • Deploying our app to production
  • Create SignUp/SignIn User Account
  • Implement Sign In user Api
  • Created Redux Store with userslice
  • Implemented Sign out
  • Update Profile
  • BugFix: Sign up user displayName and profile picture update
  • BugFix: if the user is not logged in Redirect /browse to Login Page and vice-versa
  • Unsubscibed to the onAuthStateChanged callback
  • Add hardcoded values to the constants file
  • Regiter TMDB API & create an app & get access token
  • Get Data from TMDB now playing movies List API
  • Custom Hook for Now Playing Movies
  • Create movieSlice
  • Update Store with movies Data
  • Planning for MainContauiner & secondary container
  • Fetch Data for Trailer Video
  • Update Store with Trailer Video Data
  • Embedded the Yotube video and make it autoplay and mute
  • Tailwind Classes to make Main Container Look awesome
  • Create Some Custom Hook for Movies
  • Update moviesSlice
  • Update Store with new movies Data
  • Create Secondary container
  • Add some styles

<<<<<<< HEAD

Creating a Netflix-Gemini project involves several steps:

  • Create React App
  • Configured TailwindCSS
  • Header
  • Routing of App
  • Login Form
  • Sign up Form
  • Form Validation
  • useRef Hook
  • Firebase Setup
  • Deploying our app to production
  • Create SignUp/SignIn User Account
  • Implement Sign In user Api
  • Created Redux Store with userslice
  • Implemented Sign out
  • Update Profile
  • BugFix: Sign up user displayName and profile picture update
  • BugFix: if the user is not logged in Redirect /browse to Login Page and vice-versa
  • Unsubscibed to the onAuthStateChanged callback
  • Add hardcoded values to the constants file
  • Regiter TMDB API & create an app & get access token
  • Get Data from TMDB now playing movies List API
  • Custom Hook for Now Playing Movies
  • Create movieSlice
  • Update Store with movies Data
  • Planning for MainContauiner & secondary container
  • Fetch Data for Trailer Video
  • Update Store with Trailer Video Data
  • Embedded the Yotube video and make it autoplay and mute
  • Tailwind Classes to make Main Container Look awesome
  • Create Some Custom Hook for Movies
  • Update moviesSlice
  • Update Store with new movies Data
  • Create Secondary container

Author