Retour aux projets

Freestyle Challenge

Jeu web audio interactif mobile-first pour sessions de freestyle

Seazon Studios

Vue d'ensemble

Développement d'un jeu web audio interactif pour Seazon Studios, permettant aux utilisateurs de faire du freestyle sur des beats avec génération aléatoire de mots. L'application mobile-first offre une expérience ludique et facilement partageable, avec un CTA intégré pour réserver des sessions studio.

Freestyle Challenge Interface
Interface principale du jeu Freestyle Challenge avec configuration personnalisée

Configuration de session

Sessions entièrement personnalisables permettant aux utilisateurs d'adapter l'expérience selon leurs préférences et niveau de compétence.

Durée personnalisée

Sessions de 30 à 180 secondes selon les préférences utilisateur

Upload de beats

Support MP3/WAV/M4A avec drag-and-drop intuitif

BPM automatique

Détection automatique ou saisie manuelle du BPM

Difficulté adaptable

Niveaux Easy/Medium/Hard avec mots ciblés

Gameplay et enregistrement

Expérience de jeu fluide avec compte à rebours, lecture seamless des beats et enregistrement micro isolé pour une qualité audio optimale.

Compte à rebours 3-2-1 avec signal sonore
Lecture seamless des beats en boucle (sans clic/pop)
Enregistrement micro isolé (beat routé vers haut-parleurs)
Affichage mots grand format avec preview du suivant
Système de scoring personnel "Used it!" interactif

Technologies audio avancées

Utilisation des dernières technologies web pour offrir une expérience audio professionnelle directement dans le navigateur.

Vanilla JavaScript Vite Web Audio API MediaRecorder API Mobile-First PWA Netlify Deploy
Compatible iOS Safari + Android Chrome (2 dernières versions)
Traitement audio local uniquement (pas de backend requis)
Single-page application optimisée pour performance
Analytics intégrés (session start/end, booking click)

Résultats et livrables

MVP entièrement fonctionnel livré avec démo live, codebase documenté et instructions de déploiement. L'application répond à 100% des critères du cahier des charges.

Démo live

Application accessible sur https://wordbeatmvp.netlify.app/

Code source

Repository GitHub avec documentation complète

Compatibilité

iOS Safari + Android Chrome testés et validés

Analytics

Événements de base implémentés et configurés

Succès du projet

Livraison complète d'une application web audio interactive répondant à 100% des exigences du cahier des charges avec démo fonctionnelle et code source documenté.

Démo Live

Application fonctionnelle sur https://wordbeatmvp.netlify.app/

Code Source

Repository GitHub avec documentation complète

Compatibilité

iOS Safari + Android Chrome testés et validés

Analytics

Événements de base implémentés et configurés