banner

Kasa — Housing Rental Web App

Kasa is a complete front-end housing rental platform built with React. The goal of this OpenClassrooms project was to develop a fully responsive interface following a Figma prototype, while implementing reusable components, dynamic routing, and interactive UI features.


Context & Objectives

This project aimed to reinforce React fundamentals and component-based design. The main objectives were to create a clean architecture using reusable UI elements, manage routes dynamically, and deliver a fully functional responsive interface.

Technical Stack

  • ReactJS — Components, props, and hooks structure.

  • React Router DOM — Navigation and dynamic route management.

  • Sass — Modular and maintainable SCSS styling.

  • Figma — UI/UX design prototype reference.

  • Git & GitHub — Version control and collaboration.

Developed Skills

• Advanced React component composition and props handling.
• State and event management with hooks.
• Implementation of dynamic routes with React Router.
• Modular SCSS organization for large projects.
• Responsive layout and accessibility optimization.

Results & Improvements

The project successfully delivered a responsive, user-friendly React interface faithful to the Figma design. Future improvements could include adding API connectivity, optimizing image loading, and integrating unit tests for reliability.

Resources

  • GitHub Repository
© 2025 Abdallah Zebirate. Built with React, Next & ChakraUI.