Airbnb Experiences Page Clone

Overview

This project is a clone of the Airbnb Experiences page. I'm using React, Vite, and Tailwind CSS. The primary goal of this project is to replicate the dynamic behavior of the Airbnb Experiences page, where components are rendered based on underlying data.

Features

• Dynamic Data Rendering: The list of experiences displayed on the page is dynamically generated based on data stored in Airbnb's database. Each component on the page is rendered according to the data that underlies it.

• Component Creation: The project includes a function that creates components from an array of data. Whenever the data behind the experience cards changes, the corresponding components are automatically updated, ensuring that the page always displays up to date information.

Technologies Used

• React: For building the user interface and managing component state.
• Vite: For fast development and optimized production builds.
• Tailwind CSS: For styling and layout, providing a utility-first approach to design.

Installation and Setup

Clone the repo

https://github.com/josueahadi/airbnb-experiences-clone.git

Install dependencies

npm install

Run the development server

npm run dev

Build for production

npm run build

Contributing

Feel free to contribute to this project by submitting issues or pull requests. For major changes, please open an issue first to discuss what you would like to change.

License

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