AirBnb Clone

AirBnb Clone

In this repo I tried to clone AirBnb website via using React. I practiced the following concepts in this repo;

• Navbar
• Hero
• Card Component
• Understanding the concept of rendering components
• Reusable components
• JS inside JSX
• Reciveing props in Components
• Destructuring props
• Passing in non-string props
• Pass props to Card Components
• Array.map()
• React renders an arrays
• Mapping Components
• Loading images from .map()
• key prop

Built With

• Major languages

  • Javascript
  • Css

• Frameworks

  • React

• Technologies used

  • github
  • npm

Live Demo

Getting Started

Setup

To get a local copy up and running follow these simple example steps.

• Click on the Code button on the repo
• In your local PC, open your terminal in the folder you would like to clone the project.
• Clone the repo with the command: git clone (copied link); like so: git clone https://github.com/Fatima-hub333/Airbnb-React-Project.git
• On the terminal, navigate into the directory like so: cd bookstore
• Checkout to branch name like so: git checkout [branch name]
• Run npm i or yarn to install the dependencies
• Run npm start or yarn start to start the application

Authors

👤 Fatima Zahir

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Facebook for making such a wonderful framework
• Microverse : for the opportunity to be part of a global network

📝 License

This project is MIT licensed.