This project is a React application created using Vite, a fast build tool for modern web development. It displays a list of Airbnb experience cards and utilizes components such as Navbar, Hero, and Card to render the UI. The data for the cards is fetched from a data file. The project also includes styling using CSS.
To run this project locally, follow these steps:
git clone https://github.com/onurtufekci34/airbnbexperience.git
cd airbnbexperience
npm install
npm run dev
Open your browser and visit http://localhost:3000 to view the application.
This project provides a simple and intuitive user interface to view Airbnb experience cards. Upon launching the application, the Navbar component with the Airbnb logo will be displayed at the top. The Hero component showcases a large image, a header, and a description of online experiences. The Card component is used to render multiple cards based on the data fetched from the data file. Each card displays an image, ratings, reviews, location, title, and price.
The Navbar component displays the Airbnb logo as the application's navigation bar.
The Card component renders individual cards based on the data provided. Each card includes an image, ratings, reviews, location, title, and price. The Hero component displays an image grid, a header, and a text description of online experiences.
The data file contains the necessary information for each card. It includes details such as image paths, ratings, reviews, locations, titles, and prices.
This project is licensed under the MIT License.