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.
-
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.
- 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.
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
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.
This project is licensed under the MIT License. See the LICENSE file for details.