STARBOX IPTV - WEB Documentation
  • Introduction
  • Quick Start Guide
    • Prerequisites
    • Download the Project
    • Install Dependencies
    • Start the Development Server
    • Build for Production (Optional)
    • Edit the Project
  • Customizing the Project
    • Changing Icons
    • Changing Colors
  • Building the Project
  • Uploading the Project to Hosting
Powered by GitBook
On this page

Introduction

STARBOX IPTV WEB is a web application built using React.js, designed to interact with the Xtreme IPTV API for streaming and managing IPTV services. The project is focused on ease of use, high perfor

Libraries and Dependencies

The following libraries and dependencies are used to build and run the project:

  • @radix-ui/react-dropdown-menu – For accessible and customizable dropdown menus.

  • @radix-ui/react-label – To provide accessible labels for form fields.

  • @radix-ui/react-progress – For building progress indicators with accessibility in mind.

  • @radix-ui/react-slot – To compose components with flexible children rendering.

  • @tailwindcss/vite – A plugin to integrate Tailwind CSS with Vite for faster development.

  • class-variance-authority – Utility to manage class variance for components.

  • clsx – A utility for conditionally joining classNames together.

  • hls.js – To stream HLS (HTTP Live Streaming) media content.

  • lucide-react – A collection of beautiful & consistent icons as React components.

  • react – Core library for building the web interface.

  • react-dom – Handles DOM rendering for React apps.

  • react-player – A React component for playing media from various sources including YouTube, Twitch, and HLS.

  • react-router-dom – For routing and navigation between pages in the app.

  • tailwind-merge – Smart merging for Tailwind CSS classes to avoid conflicts.

  • tailwindcss – A utility-first CSS framework for styling UI.

  • tw-animate-css – To add Animate.css-style animations using Tailwind CSS classes.

Development dependencies:

  • @eslint/js – Core ESLint configuration for JavaScript.

  • @types/node – TypeScript definitions for Node.js.

  • @types/react – TypeScript definitions for React.

  • @types/react-dom – TypeScript definitions for ReactDOM.

  • @vitejs/plugin-react – Vite plugin for React with fast refresh support.

  • eslint – A linter to find and fix problems in your JavaScript/TypeScript code.

  • eslint-plugin-react-hooks – ESLint rules for React Hooks.

  • eslint-plugin-react-refresh – ESLint plugin to support Vite’s fast refresh.

  • globals – List of global identifiers for ESLint.

  • typescript – JavaScript with static typing.

  • typescript-eslint – ESLint tooling for TypeScript.

  • vite – A fast build tool and development server for modern web projects.

NextQuick Start Guide

Last updated 21 days ago