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

• Name: Monish Lal
• Email: monishlal2105@gamil.com