Ajout d’un carrousel dynamique en JavaScript sur le site vitrine de Print it, avec navigation par flèches, indicateurs visuels et défilement en boucle.
Contexte OpenClassrooms :
En début d’activité comme développeur front-end freelance, j’ai travaillé sur le site statique de Print it, une petite imprimerie familiale souhaitant rendre sa bannière d’accueil plus vivante. À partir des consignes du directeur et d’une démonstration vidéo, l’objectif était de transformer un slider statique en un carrousel interactif et fluide.
Le site disposait déjà d’une base HTML/CSS, mais le carrousel n’était pas fonctionnel. Il fallait ajouter une navigation visuelle avec des flèches, afficher des indicateurs de position, gérer le changement d’image et de texte, puis corriger les erreurs de navigation en bout de course pour obtenir un défilement continu.
J’ai analysé la structure existante afin de réutiliser les éléments déjà présents, puis j’ai développé la logique du carrousel en JavaScript.
J’ai notamment :
Le site dispose désormais d’un carrousel entièrement interactif, plus engageant visuellement et plus agréable à parcourir. Cette mission m’a permis de renforcer ma maîtrise du DOM, des événements JavaScript et de la logique de navigation dynamique dans une interface front-end.
Use case
Développement de la nouvelle interface Kasa en Next.js, connectée à une API Express, avec gestion des logements, favoris, authentification, messagerie temps réel et parcours propriétaire.
Use case
Création d’une interface SaaS de gestion de projet avec Next.js, incluant dashboard multi-vues, gestion collaborative avancée et améliorations UX (drag & drop, autocomplete, tests et déploiement).
Use case
Création d’une interface de suivi sportif en React avec authentification, routing, appels API centralisés et visualisation de données via graphiques interactifs.