> For the complete documentation index, see [llms.txt](https://azul-mouad.gitbook.io/starbox-iptv-web-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://azul-mouad.gitbook.io/starbox-iptv-web-documentation/introduction.md).

# Introduction

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