🎬 Netflix Clone (React + Firebase Auth)

This is a Netflix-inspired web application built using React, featuring user authentication and dynamic movie data. The project focuses on creating a clean, responsive UI similar to Netflix.

🔗 Live Demo: https://netflix-clone-react-firebase-phi.vercel.app/ 💻 GitHub: https://github.com/ShamiyaParveen

---

🚀 Features

• 🔐 User Authentication (Login / Signup) using Firebase Auth
• 🎥 Fetch and display movie data using API
• 🎯 Netflix-inspired clean and modern UI
• 📱 Fully responsive design (mobile, tablet, desktop)
• ⚛️ Component-based architecture using React
• 🔄 Smooth navigation and UI experience

---

🛠️ Tech Stack

• React.js
• JavaScript (ES6+)
• HTML5 & CSS3
• Firebase Authentication
• OMDB API (for movie data)
• Vercel (Deployment)

---

📂 Project Structure

src/ components/
pages/
services/
assets/
App.jsx
main.jsx

---

⚙️ Installation & Setup

1. Clone the repository
   git clone https://github.com/ShamiyaParveen/netflix-clone.git

2. Navigate to project folder
   cd netflix-clone

3. Install dependencies
   npm install

4. Run the development server
   npm run dev

---

🔑 Environment Variables

Create a .env file and add:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_OMDB_API_KEY=your_omdb_api_key

---

💡 What I Learned

• Implementing authentication using Firebase Auth
• Fetching and displaying API data in React
• Building responsive UI using component-based approach
• Structuring a scalable React project

---

📈 Future Improvements

• Add movie categories & filtering
• Add watchlist feature
• Improve UI animations
• Add video playback functionality

---

🙋‍♀️ Author

Shamiya Parveen

LinkedIn: https://www.linkedin.com/in/shamiya-parveen-123196232/
GitHub: https://github.com/ShamiyaParveen

---

⭐ Support

If you like this project, give it a star ⭐ on GitHub!