Kasa

Contexte OpenClassrooms :
En tant que développeur front-end freelance pour Kasa, j’ai participé à la refonte complète d’une plateforme historique de location entre particuliers. Le site, anciennement développé en ASP.NET, devait être modernisé avec une stack JavaScript moderne. Le projet s’appuyait sur une API Express.js existante, des maquettes Figma et un backlog structuré par sprint, avec un objectif fort de performance, maintenabilité et accessibilité.

La mission consistait à reconstruire une interface moderne capable de couvrir plusieurs parcours utilisateurs : consultation des logements, ajout aux favoris, navigation vers les fiches détaillées, authentification, ajout de propriété côté hôte, et messagerie. Il fallait également respecter des contraintes UX précises visibles dans le backlog : accessibilité clavier, formulaires validés, persistance locale des favoris, carrousel conditionnel, et cohérence des pages principales.
En complément du périmètre front initial, j’ai aussi dû développer le backend de messagerie en temps réel, afin de rendre la fonctionnalité de contact réellement opérationnelle.

J’ai développé l’interface avec Next.js en structurant l’application autour des principaux parcours produit.
J’ai notamment :

• intégré la page d’accueil avec affichage des logements sous forme de cartes ;
• développé la navigation vers les fiches propriété ;
• créé une page détail logement avec :
• • carrousel d’images,
  • description,
  • équipements,
  • prix,
  • logique conditionnelle lorsque le logement ne contient qu’une image ;
• mis en place un système de favoris persistants avec Context API + LocalStorage ;
• développé les parcours connexion et inscription ;
• conçu le formulaire d’ajout de propriété avec :
• • validation des champs,
  • ajout de photos,
  • sélection des équipements ;
• intégré une page favoris dédiée ;
• développé la messagerie utilisateur avec envoi de messages à l’hôte ;
• réalisé moi-même le backend temps réel de la messagerie pour permettre un échange fonctionnel entre utilisateurs ;
• pris en compte les exigences d’accessibilité visibles dans le backlog :
• • attributs alt,
  • boutons accessibles,
  • carrousel navigable au clavier,
  • formulaires correctement validés.

La nouvelle version de Kasa propose une expérience plus moderne, fluide et cohérente avec les standards actuels du web. Le projet couvre des fonctionnalités produit concrètes, côté visiteur comme côté hôte, avec un vrai travail sur la qualité d’interface, la persistance des données locales et la communication temps réel. Cette mission m’a permis de consolider mes compétences sur Next.js, l’architecture front moderne et l’implémentation de fonctionnalités full-stack ciblées.