TapeCraft

Développement d'une page web

Stack Three.js, React, TailwindCSS
Date 2025

Présentation

Initié très tôt à l’audio vintage par mon père, j’ai commencé au lycée à offrir des cassettes recyclées à mes proches.

 

Pour chaque création, j’enregistrais un album récent sur la bande, puis je concevais une J-Card (jaquette) sur mesure avec Photoshop à partir de la pochette originale. J’intégrais ensuite dans chaque boîtier une puce NFC qui redirigeait vers l’album en question sur les plateformes de streaming.

 

En 2025, j’ai souhaité rendre hommage à cette période de ma vie en développant TapeCraft, une expérience web conçue avec la bibliothèque Three.js. Ce configurateur 3D permet de personnaliser la couleur d’une cassette et de son étiquette directement dans le navigateur. Ce projet a été pensé comme une brique pour un site e-commerce fictif.

Initialement développé en Vanilla JS, le projet a évolué vers une architecture plus moderne en utilisant React, TypeScript et Tailwind CSS. TapeCraft me sert aujourd’hui de terrain d’expérimentation lors de l’apprentissage d’une nouvelle technologie web, notamment avec Three.js.

 

Lien vers l’expérience : TapeCraft

Lien vers le repo Github : https://github.com/benkeia/TapeCraft

Projet Suivant

Les Ardentes Electronics

Découvrir