Retour au portfolio

Kasa

  • Application web
  • Intégration web
  • Interface responsive

Cette page présente l’étude de cas du projet Open Source Kasa, incluant son aperçu, les outils utilisés, ainsi que des liens directs vers les ressources associées.

Kasa

Description

Présentation

Ce projet consiste à créer une application web de location d’appartements entre particuliers.

L’objectif principal était de refondre complètement un site existant en suivant des maquettes précises fournies sur Figma, tout en proposant une interface moderne, claire et adaptée à tous les écrans (ordinateur, tablette, mobile).

Fonctionnalités principales

  • Affichage des annonces de logements avec détails et photos
  • Navigation fluide entre les pages grâce à React Router
  • Galerie d’images avec possibilité de faire défiler les photos
  • Sections déroulantes pour afficher des informations supplémentaires
  • Gestion des erreurs avec redirection vers une page 404 en cas d’URL invalide

Architecture et organisation

Le projet est développé avec React, une bibliothèque JavaScript spécialisée dans les interfaces dynamiques.

  • Composants réutilisables pour simplifier la maintenance et l’évolution du site
  • Organisation modulaire des pages pour une structure claire et maintenable
  • Sass pour gérer les styles CSS de manière modulable et cohérente

L’ensemble du code respecte les bonnes pratiques d’accessibilité et garantit un design responsive.

Pédagogique

Projet réalisé en 2024

Outils et technologies

  • React
  • Sass
  • Vite