DéveloppeurDev FullStack

Audiophile

Plateforme e-commerce spécialisée dans la vente de produits audio haut de gamme avec une expérience utilisateur immersive

Voir le projetCode source

Angular 22TypeScriptTailwind CSSSignalsVercel FunctionsNeon (PostgreSQL)ZodVitest

Contexte du projet

Ce projet est une application e-commerce moderne dédiée à la vente de produits audio premium. L'objectif était de créer une plateforme qui met en valeur les produits audio haut de gamme tout en offrant une expérience d'achat fluide et intuitive. Le projet s'inspire des meilleures pratiques du e-commerce tout en apportant une touche unique adaptée au secteur de l'audio.

Défis techniques

Après une première version réalisée à partir d'un défi Frontend Mentor, le projet a été entièrement modernisé en 2026 : passage d'Angular 19 à Angular 22, fonctionnement sans zone.js avec un état géré par signaux, et réorganisation en Clean Architecture par fonctionnalité (catalogue, panier, compte, commande), avec une règle de dépendance entre couches vérifiée automatiquement. Le faux backend a laissé place à une vraie API serverless sur Vercel, avec authentification par sessions stockées en base, cookie HttpOnly et limitation des tentatives de connexion.

Galerie

Vue détaillée du produit
Interface du panier
Confirmation de la commande

Informations clés

Durée du projet: 58 heures 32 minutes, puis modernisation en octobre 2026
Rôle: Développeur Full Stack
Client: Frontend Mentor

Points clés

•Application Angular 22 sans zone.js, composants OnPush et état en signaux
•Clean Architecture par fonctionnalité, frontières entre couches vérifiées par ESLint
•API serverless (produits, commandes, utilisateurs) déployée sur Vercel
•Authentification par sessions en base, cookie HttpOnly et limitation des essais
•Panier persistant et parcours de commande avec confirmation
•Interface responsive mobile, tablette et desktop avec design system dédié
•Tests unitaires migrés de Karma vers Vitest et intégration continue sur chaque pull request