Skip to content

Frontend project for OpenClassrooms training program. Kasa is a fictional French apartment rental service aiming for a complete website redesign. Frontend work: starting a React project, creating components and routes, following responsive mockups. No backend (JSON file). Tools: Create React App, React Router, CSS, no external React libraries.

Notifications You must be signed in to change notification settings

SyMelin/MelinSylvie_11_30052022

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kasa - Frontend Project

Welcome to the Kasa project, a frontend project for the OpenClassrooms training program. Kasa is a fictional French apartment rental service aiming for a complete website redesign.

Project Overview

The goal of this project is to create a modern, responsive React application. The project involves building a new application from scratch, with a focus on creating responsive components, routes, and layouts.

Frontend

  • React Framework: The project started with Create React App but has since been migrated to Vite for maintenance purposes.
  • Routing: React Router is used for application navigation.
  • Styling: The application uses CSS for responsive design.
  • Functional Components: React components are functional for improved code structure.
  • Testing: React Testing Library is used for frontend testing.

Backend

  • No Backend Support: Backend is not currently available.
  • Mocked Data: Data comes from a JSON file retrieved from here.
  • CORS Proxy: A CORS proxy had to be added to access the data since the project assessment.

Prerequisites

  • Node.js v20.12.0: Ensure Node.js is installed. Check with node --version.
  • Vite: This project was initially set up with Create React App but has since been migrated to Vite.

Installation and Setup

To install and run the project locally, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/SyMelin/MelinSylvie_11_30052022.git
  2. Navigate to the Project Directory:

    cd kasa-project
  3. Install Dependencies:

    npm install
  4. Launch the Development Server:

    npm run start
  5. Access the Application:

The app runs locally on port 5173. Open your browser and go to http://localhost:5173.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

About

Frontend project for OpenClassrooms training program. Kasa is a fictional French apartment rental service aiming for a complete website redesign. Frontend work: starting a React project, creating components and routes, following responsive mockups. No backend (JSON file). Tools: Create React App, React Router, CSS, no external React libraries.

Topics

Resources

Stars

Watchers

Forks