📺 StreamFlow

A modern streaming platform inspired by Netflix, built with React.js, Swiper.js, and React Router.
StreamFlow delivers a smooth and responsive user experience with clean UI design, dynamic routing, and interactive carousels for movies and TV shows.

---

🚀 Features

• 🎬 Netflix-inspired UI – familiar, modern, and user-friendly design.
• 🌀 Swiper.js Integration – smooth carousels for browsing movies/shows.
• 🔀 React Router – client-side navigation for seamless transitions.
• 📱 Responsive Design – works across desktop, tablet, and mobile.
• ⚡ Reusable Components – modular architecture for scalability.
• 🎨 Styled with Tailwind (or CSS) – easy to customize and extend.

---

🛠️ Tech Stack

• Frontend Framework: React.js
• Routing: React Router
• Carousel/Slider: Swiper.js
• Styling: [Styled-Components] (https://styled-components.com/)

---

⚙️ Installation & Setup

1. Clone the repository

   git clone https://github.com/ShehabGamal/Stream-Flow.git
   cd Stream-Flow

2. Install dependencies

   npm install

3. Run the development server

   npm start

4. Build for production

   npm run build

🌐 Deploy to GitHub Pages

The project is configured for the ShehabGamal/Stream-Flow repository.

1. Deploy the production build

   npm run deploy

2. Enable Pages in GitHub

   In the repository, open Settings → Pages and select the gh-pages branch as the source. The site will be available at:

   https://shehabgamal.github.io/Stream-Flow/

---

👨‍💻 Author

Shehab Gamal
📧 shehab.gamal333@gmail.com