Projet personnel · 2026 · Application web
KaraPunk
Site de karaoké dans l’esprit de Karafun : catalogue de groupes et musiques, paroles synchronisées mot à mot, et back-office pour créer et exporter les karaokés.
Rôle : Développeur full-stack
Contexte
Projet personnel autour d’un catalogue de karaoké alternatif, refonte / suite d’un ancien site, destiné au public et géré en solo.
Objectif
Proposer une expérience karaoké immersive (lecteur plein écran, paroles sync, voix / instrumental), tout en permettant d’ajouter et synchroniser les titres soi-même, puis d’exporter les vidéos et miniatures pour YouTube.
Réalisation
Application Next.js 16 avec lecteur karaoké (remplissage mot / syllabe, chœurs, passages instrumentaux), éditeur d’administration pour synchroniser au tap, authentification par session, et chaîne d’export MP4 via Playwright et FFmpeg.
Résultat
Une app autonome : catalogue public, lecteur immersif, admin complet (groupes, musiques, sync, messages, backup), et export vidéo + miniatures prêts pour publication.
Fonctionnalités
- Catalogue groupes / musiques avec recherche
- Lecteur karaoké synchronisé (voix / instrumental, plein écran)
- Éditeur de sync (tap Space, syllabes, chœurs, couleurs)
- Export MP4 et miniature style YouTube
- Formulaire de contact (suggestions / problèmes)
- Sauvegarde complète du site (données + médias)
Apprentissages
- Concevoir un lecteur multimédia précis (timing, sync, UX)
- Construire un back-office métier (CRUD + éditeur de sync)
- Orchestrer un pipeline serveur Playwright + FFmpeg
- Sécuriser une app solo (sessions HMAC, rate limit, honeypot)
