somadisingh / airbnb

AirBnb Experience Website Clone

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add Your own Experience

You can add your own experience by feeding data into data.js

dcdv Untitled

AirBnb Experience Website

  1. AirBnb Experience website was built on create-react-app template
  2. It uses React & CSS3
  3. Data.js contains purely the data related to the card components
  4. Cards.js with the help of CSS Styles renders the card on the landing page
  5. App.js then collates Navbar.js, Landing.js & Cards.js together and exports to index.js
  6. Index.js renders the page.
  7. There are 2 images folder: one in public directory & one in components folder
  8. Public directory is where all the card's images which are fetched from data.js are stored
  9. Components folder contains the static images like airbnb logo, collage and the star.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

About

AirBnb Experience Website Clone


Languages

Language:JavaScript 59.8%Language:HTML 26.3%Language:CSS 13.9%