The challenge: Reverse engineer Netflix to learn and implement how large-scale applications are built upon re-usable components.

What I did:

• Reverse Engineered Netflix with React and Firebase where users can authenticate, browse and watch films and series.
• Utilized Firestore to save and fetch data and Firebase Authentication to authenticate users.
• Built a component library using Compound components design pattern along with Styled components.
• Created application routing with React Router and used Context API for global state management.
• Implemented React features like Portals to render the video player and custom hooks to extract component logic into reusable functions.
• Used reusable and extensible application architecture.