Projet - La Maison Jungle

Site de vente de plantes d’intérieur réalisé en React dans le cadre d’un exercice fil rouge d’un cours OpenClassrooms, visant à maîtriser les bases du framework.

13 mars 2025

Voir la démo Code source

Vue d’ensemble

La Maison Jungle est une application web conçue dans le cadre d’un projet pédagogique sur OpenClassrooms. Ce site de vente de plantes a été développé avec React pour apprendre les concepts fondamentaux du framework : composants, props, state, événements, conditionnels, listes et hooks. L'interface simple et agréable met l'accent sur l'interactivité, la modularité du code et la réactivité côté client.

Fonctionnalités clés

•Catalogue de plantes — Affichage dynamique d’une liste de plantes avec leurs caractéristiques : nom, catégorie, prix, et besoin en lumière/eau.
•Panier interactif — Ajout et suppression de plantes dans un panier fonctionnel stocké dans le state React.
•Filtres par catégorie — Navigation facilitée grâce à un filtre permettant de trier les plantes par type (plantes d'intérieur, grasses, etc.).
•Design responsive — Adaptabilité de l'interface aux différents formats d’écran (mobile, tablette, desktop).

React

Framework JavaScript utilisé pour construire l’interface utilisateur de manière réactive à l’aide de composants.

JavaScript

Langage de programmation utilisé pour structurer les interactions et logiques métier.

HTML5

Structure des pages et composants React.

CSS3

Styles de présentation du site, en complément du rendu React.

Vous cherchez un collaborateur?

Je suis disponible pour discuter de vos projets, partager des idées ou répondre à vos questions. N'hésitez pas à me contacter.