Kasa is a front-end interface built with React and React Router, designed to showcase rental properties.
This project aims to create a modern, responsive web application for Kasa, a company specializing in rental property listings. The interface is built using React to ensure a smooth, single-page application experience, with React Router handling navigation between different views.
- Develop a responsive and intuitive user interface
- Implement dynamic routing using React Router
- Create reusable React components for efficient code management
- Ensure smooth navigation and state management within the application
- Optimize performance for quick loading and a seamless user experience
- React 18.2.0
- React Router 6.x
- JavaScript
- HTML
- CSS
- Sass (for styling)
To set up the project locally, follow these steps:
-
Ensure you have Node.js installed (version 14 or higher).
-
Open your terminal and run the following command to clone the repository:
git clone https://github.com/hichamecode/P11-Kasa.git
-
Navigate to the project directory:
cd P11-Kasa
-
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and go to:
http://localhost:3000
.
- Dynamic Property Listings: Display rental properties with detailed information
- Responsive Design: Ensures a seamless experience across various devices and screen sizes
- Interactive UI Components: Includes elements like image carousels and collapsible sections
- Client-Side Routing: Utilizes React Router for smooth navigation without page reloads
The project is organized as follows:
P11-Kasa/
├── public/ # Static assets and HTML template
└── src/
├── assets/ # Images, banners, and logos
├── components/ # Reusable React components
├── datas/ # JSON files with mock data
├── pages/ # Individual page components
└── routes/ # React Router setup for navigation
This project was developed as part of the OpenClassrooms Web Developer training program. Contributions are not currently being accepted.
This project is for educational purposes within the OpenClassrooms curriculum and does not have a specific open-source license.