Skip to content

A modern, fast, and responsive IPTV streaming web application built with React and powered by the IPTV-org database. Watch live TV channels from around the world with an intuitive grid-based interface.

License

Notifications You must be signed in to change notification settings

abhiyanpa/FluxCast

Repository files navigation

FluxCast πŸ“Ί

A modern, fast, and responsive IPTV streaming web application built with React and powered by the IPTV-org database. Watch live TV channels from around the world with an intuitive grid-based interface.

Live Demo Portfolio Demo License: Custom

⚠️ IMPORTANT: This repository is for portfolio and educational purposes only. See LICENSE for usage restrictions.

✨ Features

  • 🌍 8,625+ Live Channels - Access channels from 179 countries worldwide
  • 🎯 Smart Filtering - Filter by country (with full names) and category
  • πŸ” Real-time Search - Instantly search through thousands of channels
  • πŸ“± Fully Responsive - Optimized for desktop, tablet, and mobile devices
  • 🎬 HLS Streaming - Adaptive streaming with HLS.js
  • πŸš€ Blazing Fast - Lazy loading and performance optimizations
  • πŸ—ΊοΈ SEO Optimized - Comprehensive sitemaps for search engines
  • πŸ“‘ Live API - Always up-to-date with IPTV-org database
  • 🎨 Modern UI - Clean, intuitive interface with smooth animations

πŸš€ Quick Start

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/fluxcast-frontend.git
    cd fluxcast-frontend
  2. Install dependencies

    npm install
  3. Run development server

    npm run dev
  4. Open your browser

    http://localhost:5173
    

πŸ“¦ Build for Production

# Build the project (automatically generates sitemaps)
npm run build

# Preview production build
npm run preview

The build files will be in the dist folder.

🌐 Deployment

Firebase Hosting

  1. Install Firebase CLI:

    npm install -g firebase-tools
  2. Login to Firebase:

    firebase login
  3. Initialize Firebase (if not already done):

    firebase init hosting
  4. Deploy:

    firebase deploy

Other Platforms

The dist folder can be deployed to any static hosting service:

  • Vercel
  • Netlify
  • GitHub Pages
  • Cloudflare Pages

πŸ› οΈ Tech Stack

  • Frontend Framework: React 18
  • Build Tool: Vite 5
  • Routing: React Router v6
  • Video Player: HLS.js
  • Icons: Lucide React
  • SEO: React Helmet Async
  • API: IPTV-org Database
  • Hosting: Firebase Hosting

πŸ“‚ Project Structure

fluxcast-frontend/
β”œβ”€β”€ public/             # Static files
β”‚   β”œβ”€β”€ manifest.json   # PWA manifest
β”‚   β”œβ”€β”€ robots.txt      # SEO robots file
β”‚   └── sitemap*.xml    # Auto-generated sitemaps
β”œβ”€β”€ scripts/
β”‚   └── generate-sitemap.js  # Live sitemap generator
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/     # Reusable components
β”‚   β”‚   └── Layout.jsx  # Main layout wrapper
β”‚   β”œβ”€β”€ pages/          # Page components
β”‚   β”‚   β”œβ”€β”€ Home.jsx    # Channel grid
β”‚   β”‚   β”œβ”€β”€ Channel.jsx # Channel player
β”‚   β”‚   β”œβ”€β”€ About.jsx   # About page
β”‚   β”‚   β”œβ”€β”€ Legal.jsx   # Legal disclaimers
β”‚   β”‚   └── Privacy.jsx # Privacy policy
β”‚   β”œβ”€β”€ utils/
β”‚   β”‚   └── countries.js # Country code mapping
β”‚   β”œβ”€β”€ App.jsx         # Main app component
β”‚   β”œβ”€β”€ firebase.js     # Firebase config
β”‚   β”œβ”€β”€ main.jsx        # App entry point
β”‚   └── style.css       # Global styles
β”œβ”€β”€ .gitignore
β”œβ”€β”€ firebase.json       # Firebase config
β”œβ”€β”€ index.html
β”œβ”€β”€ LICENSE
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md
└── vite.config.js

🎯 Scripts

  • npm run dev - Start development server
  • npm run build - Build for production (includes sitemap generation)
  • npm run preview - Preview production build
  • npm run generate-sitemap - Manually generate sitemaps from live API

🌍 Features in Detail

Live API Integration

FluxCast fetches real-time data from the IPTV-org database, ensuring:

  • Always current channel listings
  • Active streams only (verified availability)
  • Automatic updates with each build

SEO Optimization

  • Automatically generated sitemaps (12 files)
  • 8,625 individual channel pages
  • 179 country filter pages
  • 29 category filter pages
  • Proper meta tags and structured data
  • Daily lastmod updates

Country Name Display

Full country names displayed instead of codes:

  • IN β†’ India
  • US β†’ United States
  • GB β†’ United Kingdom
  • 179 total countries supported

βš–οΈ Legal

Important Disclaimer:

This project is a web interface for publicly available IPTV streams from the IPTV-org database. FluxCast:

  • Does NOT host any video content
  • Does NOT provide any streaming infrastructure
  • Does NOT modify or redistribute copyrighted content
  • Only aggregates publicly available stream URLs

All content is the property of their respective copyright holders. Users are responsible for complying with local laws and respecting intellectual property rights.

IPTV-org Attribution

This project uses the IPTV-org database, which is licensed under the Unlicense. We are grateful to the IPTV-org community for maintaining this comprehensive database.

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“ License & Usage

This is NOT open-source software. This repository is published for portfolio and educational purposes only.

⚠️ Usage Restrictions

  • βœ… Allowed: View, study, and learn from the code
  • βœ… Allowed: Use for educational purposes and personal learning
  • ❌ Restricted: Production use without proper attribution
  • ❌ Restricted: Commercial use without permission

πŸ“‹ If You & Licensing

  • Production Site: https://tv.abhiyanpa.in/
  • For Licensing Inquiries: Contact through GitHub issues
  • Report Unauthorized Use: Open an issue with evidence

⚠️ DISCLAIMERS

Content Disclaimer

This application only provides access to publicly available streams from the IPTV-org database. All streaming content is the property of their respective copyright holders. Users are solely responsible for their use of this application and must comply with applicable laws in their jurisdiction.

Code Usage Disclaimer

This repository is for portfolio demonstration only. Any production use requires explicit attribution as detailed in the LICENSE. The author reserves all rights to enforce takedown of unauthorized derivative works.

Portfolio Project by Abhiyan PA Β© 2026

  • About/Credits page
  • FAQ page
  1. Attribution Format:

    Built using FluxCast by Abhiyan PA
    https://tv.abhiyanpa.in/
    
  2. Include a working hyperlink to:

βš–οΈ Enforcement

The copyright holder reserves the right to take down any website using this code without proper attribution. Violations will result in:

  • DMCA takedown notices
  • Hosting provider complaints
  • Legal action if necessary

See LICENSE file for complete terms.

πŸ”— Production Site

Live production version: https://tv.abhiyanpa.in/

πŸ™ Acknowledgments

πŸ“§ Contact

For questions or support, please open an issue on GitHub.


⚠️ Content Disclaimer: This application only provides access to publicly available streams. All streaming content is the property of their respective copyright holders. Users are solely responsible for their use of this application and must comply with applicable laws in their jurisdiction.

About

A modern, fast, and responsive IPTV streaming web application built with React and powered by the IPTV-org database. Watch live TV channels from around the world with an intuitive grid-based interface.

Topics

Resources

License

Contributing

Stars

Watchers

Forks