Logo Portfolio SofianSOFIAN
ReactReact

Project - La Maison Jungle

ReactJavaScriptHTML5CSS3

Indoor plant e-commerce website built with React as a capstone project for an OpenClassrooms course, aimed at mastering the basics of the framework.

March 13, 2025

View DemoGithubSource code

Overview

La Maison Jungle is a web application developed as part of an OpenClassrooms educational project. This plant e-commerce site was built with React to learn fundamental framework concepts: components, props, state, events, conditionals, lists, and hooks. The simple and user-friendly interface emphasizes interactivity, code modularity, and client-side responsiveness.

Key Features

  • •Plant Catalog — Dynamic display of a list of plants with their details: name, category, price, and light/water requirements.
  • •Interactive Cart — Add and remove plants in a functional cart stored in React state.
  • •Category Filters — Easy navigation using a filter to sort plants by type (indoor, succulent, etc.).
  • •Responsive Design — Interface adapts to different screen sizes (mobile, tablet, desktop).
project preview
ReactReact

JavaScript framework used to build a reactive user interface using components.

JavaScriptJavaScript

Programming language used to structure interactions and business logic.

HTML5HTML5

Structure of pages and React components.

CSS3CSS3

Presentation styles for the site, complementing React rendering.

Looking for a collaborator?

I am available to discuss your projects, share ideas, or answer your questions. Feel free to contact me.