64 lines
1.2 KiB
Markdown
64 lines
1.2 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
## Configuration
|
|
|
|
Créez un fichier `.env` basé sur `.env.example`:
|
|
|
|
```bash
|
|
cp .env.example .env
|
|
```
|
|
|
|
Configurez l'URL de l'API backend:
|
|
|
|
```
|
|
VITE_API_BASE_URL=http://localhost:3000
|
|
```
|
|
|
|
## Développement
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
L'application sera disponible sur `http://localhost:5173`.
|
|
|
|
## Build Production
|
|
|
|
```bash
|
|
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
|
|
```
|