search

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

hashtag
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.

hashtag
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