Scénario et mission
L'entreprise Kasa souhaitait faire une refonte totale de leur application qui permet aux particuliers de louer leur appartement. Ma mission était de créer le Frontend de la nouvelle application avec React et d'intégrer l'interface responsive, à partir d'une maquette réalisée sur Figma.
Stack
- - React
- - Sass
Outils
- - Github
- - VS Code
Compétences développées
- - Initialiser une application avec Vite
- - Configurer la navigation entre les pages de l'application avec React Router
- - Développer des composants React
- - Développer une interface web avec Sass
- - Mettre en oeuvre des animations CSS
Réalisation du livrable
Pour réaliser le livrable, j'ai commencé par initialiser une application React avec Vite, puis j'ai ajouté et configuré React Router et Sass.
J'ai ensuite créé la structure de base des dossiers et des fichiers du projet, et intégré le contenu des différentes pages en écrivant des composants réutilisable quand je jugeais cela utile.
Structure du dossier src/
Après avoir intégré le contenu, je me suis occupé de la mise en page de l'application en utilisant SASS pour simplifier l'écriture du CSS.
J'ai aussi écrit du code javascript qui permet de récupérer et afficher les données d'un fichier .json ou d'une API.
Page d'accueil (Desktop)
Page à propos (Desktop)
Page d'un logement (Desktop)
Page d'erreur(Desktop)
Page d'accueil (Mobile)
Page à propos (Mobile)
Page d'un logement (Mobile)
Page d'erreur (Mobile)
Perspective d'amélioration
- - Récupérer la liste des logements disponibles via une API
- - Permettre aux utilisateurs de créer un profil, de se connecter et d'ajouter une annonce