📺 Cornflex

Cornflex is a Netflix clone built using React, Firebase, and Styled Components. It features authentication, protected routes, and a dynamic browsing experience.

🚀 Features

• 🔐 Authentication – Sign In & Sign Up using Firebase Authentication
• 🔥 Protected Routes – Auth listeners restrict access to certain pages
• 📂 Firestore Integration – Stores and retrieves user data
• 🎬 Browse Page – Displays content dynamically
• 🎨 Styled Components – Manages all styling
• 🏗️ Compound Components Pattern – Simplifies component structure & testing

🛠️ Tech Stack

• Frontend: React (Custom Hooks, Context API)
• Backend & Database: Firebase (Authentication, Firestore)
• Styling: Styled Components

📷 Screenshots

📦 Installation & Setup

1. Clone the repository

   git clone https://github.com/your-username/cornflex.git
   cd cornflex

2. Install dependencies

   npm install

3. Set up Firebase
   • Create a Firebase project
   • Enable Authentication (Email/Password)
   • Set up Firestore Database
   • Add Firebase config to .env
4. Run the app

   npm start