Back to projects
IndiFlix - Netflix Frontend Clone

IndiFlix - Netflix Frontend Clone

Nitin Ahirwal / August 8, 2023

IndiFlix is a Netflix frontend clone built using React, Redux, and Redux Toolkit. It replicates the UI of Netflix, providing a seamless streaming platform experience.

Features

  • React & Redux: Built with React and state managed using Redux Toolkit.

  • Responsive UI: Works seamlessly on all devices.

  • Dynamic Content: Fetches and displays movie data dynamically.

  • Optimized Performance: Production-ready build with optimizations.

Technologies

  • React.js: JavaScript library for building user interfaces.

  • Redux & Redux Toolkit: State management for efficient updates.

  • CSS Modules: Scoped styling for better maintainability.

  • TMDb API: Fetches real movie and TV show data.

  • Firebase Hosting: Deployed on Firebase for fast and secure delivery.

Getting Started

To get started with this project, clone the repository and install dependencies:

git clone https://github.com/nitinahirwal/indiflix
cd indiflix
npm install

Once the dependencies are installed, start the development server:

npm start

The development server will start at http://localhost:3000.

Deployment

To deploy this project, use Firebase:

npm run build
firebase deploy

GitHub Repository

You can find the complete source code on GitHub:

GitHub Repository

Live Preview

Check out the live version of IndiFlix:

Live Preview

Conclusion

IndiFlix demonstrates how React and Redux can be used to build a modern streaming service frontend. With optimized performance and responsive design, it's a great example of a scalable React project.