TRAINING PROJECT

SPA front-end UI (Poch'Lib)

Développement de l'interface frontend SPA de Poch'Lib, une librairie de gestion de livres en HTML/CSS/JS.

Contexte

Great'App, startup niçoise de 20 personnes, a chargé sa CTO Marie de livrer Poch'Lib — une SPA de gestion de livres commandée par la librairie « La plume enchantée ». Mission : créer l'intégralité du frontend en respectant les wireframes de l'UX designer, avec 3 formats responsives (mobile, tablette, bureau).

Fonctionnalités implémentées

Recherche et ajout d'un livre dans la liste personnelle via Fetch API
Affichage des livres ajoutés avec suppression dynamique
Mise à jour du DOM en JavaScript pur (sans framework)
Application Single Page — aucun rechargement de page
Responsive mobile-first : mobile, tablette, bureau

Stack technique

HTML5 sémantique respectant les wireframes UX de Charlotte
SASS (structure DRY, variables, mixins) — pré-processeur validé par le jury
JavaScript ES6 : Fetch, manipulation du DOM, gestion des événements
Approche mobile-first avec media queries pour 3 breakpoints
README d'installation fourni pour le client

Résultats de la soutenance

Compétences validées: 4/4
Formats responsive: 3
Évaluation jury: Très bonne maîtrise

Poch'Lib — UI cover

Captures d'écran