Not the usual clone that you can find on the web.

About

The Fakeflix project aims to replicate the Netflix interface with added learning opportunities in web app structure, integrating Redux logic. With seatbelt-worthy code and the trickery of animations, it practically takes you on a ride to your favorite movies and shows.

Demo

Check out the live demo here: Demo

Test credentials (for lazy users):
Email: fakeflixuser@test.com
Password: FakeflixTest

Anonymous sign-in option is also available!

Features

• Display movies and series, including upcoming titles.
• Infinite scroll on category-related pages.
• Search functionality by title, actor, or director.
• Add/remove from “My list” functionality.
• Detail view with extra information about movies.
• Customized splash animation with iconic sounds.
• Google login and user sign-in/up capabilities.
• Responsive layout for mobile experiences.
• Route animations and micro-interactions for an enhanced experience.

Technologies

• TMDb APIs
• React
• React Hooks
• React Hooks Form
• React Router
• Redux
• Redux Saga
• Firebase
• SCSS
• SwiperJS
• Framer Motion

How to Run Locally

1. Clone the project:

   git clone https://github.com/Th3Wall/Fakeflix

2. Navigate to the project directory:

   cd fakeflix

3. Install dependencies:

   npm install

4. Create a .env file.
5. Add your API keys from TMDB and Firebase in the .env file.
6. Start the server:

   npm start

Troubleshooting

If you encounter any issues while trying to run Fakeflix, consider the following:

• Ensure you have Git and Node installed on your machine.
• If you face errors related to the API keys, double-check your .env file configuration.
• For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.
• Ensure you are in the correct project directory when running commands.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.