Yt2Jellyfin - Frontend

Interface utilisateur pour télécharger et transférer de la musique YouTube vers Jellyfin.

Stack Technique

• Vite - Build tool et dev server
• React 18 - Bibliothèque UI
• TypeScript - Typage statique
• Tailwind CSS - Framework CSS utility-first

Installation

npm install

Configuration

Créez un fichier .env basé sur .env.example:

cp .env.example .env

Configurez l'URL de l'API backend:

VITE_API_BASE_URL=http://localhost:3000

Développement

npm run dev

L'application sera disponible sur http://localhost:5173.

Build Production

npm run build

Les fichiers de production seront générés dans le dossier dist/.

Structure

src/
├── components/        # Composants React
│   ├── Layout.tsx
│   ├── InputForm.tsx
│   └── StatusConsole.tsx
├── types/            # Définitions TypeScript
│   └── api.ts
├── utils/            # Utilitaires
│   ├── api-client.ts
│   └── validators.ts
├── App.tsx           # Composant principal
└── main.tsx          # Point d'entrée