Haeze

Contexto

Generador de fondos musicales a partir de portadas de álbum con renderizado inmediato en el navegador

Descripción

Haeze es una aplicación web frontend que consulta la API de iTunes Search para encontrar una canción, un álbum o un artista y generar un fondo cinematográfico desde la portada seleccionada. Toda la composición se realiza localmente con canvas: fondo desenfocado, overlay oscuro, portada centrada, metadatos opcionales y exportación PNG. El proyecto incluye una interfaz bilingüe, una búsqueda robusta y una amplia colección de presets para pantallas de escritorio, portátil, tablet y móvil.

Marzo 2026
1 persona

Competencias utilizadas

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Competencias

Competencias utilizadas

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Competencias adquiridas

Vitest
shadcn/ui

Competencias mejoradas

React
TypeScript
Tailwind CSS

Funcionalidades

08Funcionalidades
Deslizar< >
01

Búsqueda musical conectada a la API de iTunes Search

React
TypeScript
02

Resolución inteligente de la mejor URL de portada disponible

TypeScript
React
03

Generación en canvas con fondo desenfocado, overlay y portada centrada

React
TypeScript
04

Catálogo amplio de formatos para desktop, portátil, tablet, iPhone, Pixel y Android

React
TypeScript
05

Control en tiempo real de la intensidad del desenfoque

Tailwind CSS
React
06

Visualización opcional del título y del artista bajo la portada

React
TypeScript
07

Exportación directa del resultado en PNG

React
TypeScript
Vite
08

Interfaz cuidada con estados de carga, errores y pruebas con Vitest

Vitest
TypeScript
shadcn/ui

Galería

Galería

5