8 Commits

Author SHA1 Message Date
root 801e6a050b prod: UI Optimisée mise en production
- Documentation archivée et réorganisée
- Backend: Ajout tests, migrations, library service, rate limiting
- Frontend: Suppression Flutter, focus sur interface web HTML/JS
- Tailwind CSS ajouté pour le style
- Améliorations UX et corrections bugs

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-20 09:56:39 +00:00
root bc03225e47 docs: Improve CLAUDE.md with project documentation
Add comprehensive guidance for Claude Code working in this repository:
- Alembic config location clarification
- Docker Compose scope (database services only)
- Frontend serving explanation (FastAPI root route)
- Tailwind config location (in HTML script tag)
- Pytest async configuration details

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-20 09:48:17 +00:00
root 42a1ab54f1 prod: UI Optimisée mise en production
Fichiers mis en production:
-  CSS modulaire (900+ lignes) - architecture 9 sections
-  JavaScript moderne (600+ lignes) - state management complet
-  Sauvegardes des fichiers originaux (.backup)
-  Script de démarrage optimisé (START_WEB_OPTIMIZED.sh)
-  Documentation déploiement (PRODUCTION_READY.md)

Changements CSS:
- 🏗️ Architecture modulaire avec CSS Variables
-  Animations GPU-optimisées (transform/opacity)
-  prefers-reduced-motion implémenté
- 🎯 Focus visible pour accessibilité
- 📱 Responsive mobile-first
- 🎨 Design System V2 complet

Nouvelles fonctionnalités JS:
- 📦 State management centralisé (AppState)
- 🔐 Auth complète (login, register, logout)
- 🎵 Player controls: 8 boutons actifs
- 🍞 Toast notifications système
- ⌨️ Keyboard shortcuts (8 raccourcis)
- 📊 API intégrée (playlists, tracks)
- 🧭 Navigation SPA fluide
- 📱 Menu mobile responsive

Scripts:
- START_WEB_OPTIMIZED.sh - Script de démarrage optimisé

Documentation:
- PRODUCTION_READY.md - Guide complet de déploiement
- Instructions de démarrage
- Raccourcis clavier documentés
- Résolution de problèmes

Accessibilité:
- Focus states visibles
- Reduced motion support
- Touch targets 44x44px
- Contrast 4.5:1 minimum

Performance:
- Transform/opacity animations
- DOM elements cached
- Event delegation
- GPU accelerated

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-19 13:59:52 +00:00
root 8b02af1178 docs: Ajout résumé refonte UI/UX
Documentation complète:
- 📊 Résumé de tout le travail effectué
- 🚀 Instructions pour utiliser les nouveaux fichiers
- 🎯 Highlights du Design System
-  Comparaisons avant/après
-  Améliorations accessibilité
- 📱 Responsive design
- ⌨️ Raccourcis clavier
- 📋 Checklist pré-production
- 🚦 Feuille de route

Contient:
- 3 options d'implémentation
- Exemples de code optimisés
- Tables de référence (animations, breakpoints)
- Estimation temps: 4-6 heures
- Liens vers tous les fichiers créés

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-19 13:55:52 +00:00
root 155577303d feat: Création Design System V2 et fichiers optimisés
Design System V2:
- 📚 MASTER.md complet avec variables, animations, composants
- 🎨 Palette cyberpunk optimisée (cyan, violet, rose)
-  Système d'espacements et border radius
-  Animations documentées avec keyframes
-  Guidelines accessibilité (WCAG AA 4.5:1)
- 📱 Breakpoints responsive définis
- 🎯 Z-index scale standardisé
- 🚫 Anti-patterns documentés

CSS Optimisé (style-optimized.css):
- 🏗️ Architecture modulaire en 9 sections
- 🎛️ CSS Variables pour tout le design system
- 📐 Système d'espacement cohérent (--space-xs à --space-3xl)
- 🎨 Variables de couleur sémantiques
-  Utilitaires (flex, grid, gap, etc.)
- 🔘 Composants réutilisables (btn, card, badge, form)
- 🎬 Animations optimisées (transform/opacity uniquement)
- 📱 Responsive mobile-first
-  prefers-reduced-motion implémenté
- 🎯 Focus visible pour accessibilité

JavaScript Optimisé (app-optimized.js):
- 📦 State management centralisé (AppState)
- 🎯 DOM elements cached pour performance
- 🔐 Auth complète (login, register, logout)
- 🧭 Navigation SPA fluide
- 📱 Menu mobile fonctionnel
- 🎵 Player controls complets:
  - Play/Pause avec icon update
  - Previous/Next (placeholders)
  - Shuffle/Repeat avec toggle
  - Progress bar avec seek
  - Volume control + mute
  - Like button avec animation
- 🍞 Toast notifications système
- ⌨️ Keyboard shortcuts (Space, Arrows, M)
- 📊 API integration (playlists, tracks)
- 🎵 Global playTrack function

Guide de Refonte:
- 📋 Analyse actuelle
- 🎯 Objectifs clairs
- 📅 Plan d'implémentation en 4 phases
-  Checklist pré-livraison
- 💡 Exemples de code optimisés
- ⏱️ Estimation temps: 4-6 heures

Améliorations Clés:
1. Performance: Animations transform/opacity
2. Accessibilité: Focus states, reduced motion, ARIA
3. Maintenabilité: Code modulaire et documenté
4. Scalabilité: Système de variables cohérent
5. UX: Micro-interactions, feedback visuel

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-19 13:55:19 +00:00
root 0f3652d871 feat: Modernisation complète UI/UX du site web
Design & Animations:
-  Background animé avec gradients qui se déplacent
- 🎨 Glassmorphism (backdrop-filter blur) sur tous les éléments
-  Animations fluides (cubic-bezier easing) sur toutes les interactions
- 🌟 Effets néon glow améliorés avec ombres colorées
- 📱 Responsive design perfectionné (mobile, tablette, desktop)

Améliorations CSS:
- Spinner double rotation (cyan + violet)
- Logo avec animation glow cyclique (3 couleurs)
- Formulaires avec icônes FontAwesome intégrées
- Boutons avec effet shine au hover
- Cartes avec barre supérieure animée
- Scrollbar custom néon
- Animations: fadeIn, slideIn, pulse, shimmer, shake

Nouvelles Fonctionnalités HTML:
- 🎉 Toast notifications container
- 📱 Bouton menu mobile
- ❤️ Section "Titres likés"
-  Section "Récemment écoutées"
- 🔀 Contrôles player: shuffle, repeat, mute, like, add to playlist
- 🔊 Bouton volume interactif
- 🎯 Attributs autocomplete sur les formulaires

Nouveaux Contrôles Player:
- Bouton shuffle (aléatoire)
- Bouton repeat (répéter)
- Bouton mute (couper le son)
- Bouton like (aimer)
- Bouton add to playlist
- Times affichés de chaque côté du progress bar

Micro-interactions:
- Hover states sur tous les éléments cliquables
- Transformations scale/translate au hover
- Transitions 0.3s cubic-bezier fluides
- Focus states avec glow sur les inputs
- Loading states avec skeleton shimmer

Accessibilité:
- Attributs autocomplete pour les formulaires
- Titles sur tous les boutons
- Input types corrects (email, password)
- Labels sémantiques

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-19 13:48:52 +00:00
root 85dad89d5b feat: Modernisation UI/UX et configuration Flutter multi-plateforme
Phase 1 - Corrections Critiques:
- Fixed memory leaks dans music_provider.dart (stream subscriptions)
- Fixed race conditions dans search_provider.dart (stale results)
- Fixed token refresh errors dans api_service.dart
- Improved error handling avec messages utilisateur
- Changed API URL to HTTPS by default

Phase 2 - Améliorations UX Desktop:
- Ajouté cursor pointers sur tous les éléments cliquables
- Implémenté hover states avec effets néon glow (200ms transitions)
- Créé skeleton loading states avec shimmer animation
- Ajouté widgets: ClickableWrapper, ErrorDisplay, SkeletonLoading
- Enhanced visual feedback pour desktop users

Phase 3 - Configuration Flutter:
- Configuré Android (Gradle 8.1.0, Kotlin 1.9.0, minSdk 21, targetSdk 34)
- Créé launcher icons cyberpunk néon (5 densités)
- Configuré Windows desktop (structure complète)
- Activé Linux desktop support
- Ajouté package équatable pour entités de domaine
- Corrigé imports (colors.dart, auth_provider.dart)
- Fixed Dio API compatibility (RequestOptions)

Documentation:
- STYLE_GUIDE.md: Guide complet (100+ pages)
- DESIGN_IMPLEMENTATION_GUIDE.md: Implémentation Flutter
- BUILD_STATUS.md: Status builds + troubleshooting
- QUICKSTART_BUILDS.md: Guide rapide
- BUILD_INDEX.md: Index documentation
- PHASE_1_CORRECTIONS.md: Corrections Phase 1
- PHASE_2_UX_IMPROVEMENTS.md: Améliorations Phase 2
- PR_REVIEW_SUMMARY.md: Revue code complète
- CODE_ANALYSIS_AND_PRIORITIES.md: Analyse code

Scripts & Builds:
- BUILD_ALL.sh: Script automatisé builds multi-plateforme
- builds/: Structure avec README par plateforme
- design-system/: Système de design complet

Backend:
- Ajouté streaming HTTP Range pour audio progressif
- Enhanced YouTube service avec métadonnées complètes
- Improved error handling et validation

Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-01-19 07:44:40 +00:00
root a89c7894cf Initial commit: AudiOhm - Alternative Spotify avec streaming YouTube
Backend:
- FastAPI avec PostgreSQL et Redis
- Authentification JWT complète
- API REST pour musique, playlists, recherche
- Streaming audio via yt-dlp
- SQLAlchemy 2.0 async

Frontend:
- Flutter avec thème néon cyberpunk
- State management Riverpod
- Layout adaptatif desktop/mobile
- Lecteur audio avec mini-player

Infrastructure:
- Docker Compose (PostgreSQL + Redis)
- Scripts d'installation automatisés
- Scripts de build pour exécutables

Fichiers ajoutés:
- BUILD_CLIENT_*.bat/sh: Scripts de compilation
- BUILD_CLIENT_README.md: Documentation compilation
- CHECK_FLUTTER.sh: Vérificateur d'environnement
- requirements.txt mis à jour pour Python 3.13
- Modèles SQLAlchemy corrigés (metadata -> extra_metadata)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-18 20:08:36 +00:00