Haeze

Contexte

Générateur de fonds d'écran musicaux à partir de pochettes d'albums, avec rendu instantané dans le navigateur

Description

Haeze est une application web front-end qui interroge l'API iTunes Search pour retrouver une chanson, un album ou un artiste, puis génère un fond d'écran cinématographique à partir de la pochette sélectionnée. Toute la composition est réalisée localement via canvas : fond flouté, overlay sombre, pochette centrée, métadonnées optionnelles et export PNG. Le projet inclut une interface bilingue, une recherche robuste et un catalogue de presets adaptés à de nombreux formats d'écrans desktop, laptop, tablette et mobile.

Mars 2026
1 personne

Compétences utilisées

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Compétences

Compétences utilisées

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Compétences acquises

Vitest
shadcn/ui

Compétences améliorées

React
TypeScript
Tailwind CSS

Fonctionnalités

08Fonctionnalités
Glisser< >
01

Recherche musicale connectée à l'API iTunes Search

React
TypeScript
02

Résolution intelligente de la meilleure URL de pochette disponible

TypeScript
React
03

Génération canvas avec fond flouté, overlay et pochette centrée

React
TypeScript
04

Grand catalogue de formats pour desktop, laptop, tablette, iPhone, Pixel et Android

React
TypeScript
05

Réglage en temps réel de l'intensité du flou

Tailwind CSS
React
06

Affichage optionnel du titre et de l'artiste sous la pochette

React
TypeScript
07

Export direct du résultat au format PNG

React
TypeScript
Vite
08

Interface soignée avec états de chargement, erreurs et tests Vitest

Vitest
TypeScript
shadcn/ui

Galerie

Galerie

5