https://github.com/vicktorms/airbnb
Recreate the look and feel of the old Airbnb website with a fully responsive and semantic UI using React, Material UI, React Hooks, React Router, and hosted on Vercel. Explore best practices and modern technologies while building reusable and modular components.
https://github.com/vicktorms/airbnb
material-ui mobile-first react-hooks react-router reactjs
Last synced: 2 months ago
JSON representation
Recreate the look and feel of the old Airbnb website with a fully responsive and semantic UI using React, Material UI, React Hooks, React Router, and hosted on Vercel. Explore best practices and modern technologies while building reusable and modular components.
- Host: GitHub
- URL: https://github.com/vicktorms/airbnb
- Owner: VicktorMS
- License: mit
- Created: 2023-04-19T00:37:31.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-06T01:58:48.000Z (about 3 years ago)
- Last Synced: 2025-04-08T21:49:24.370Z (about 1 year ago)
- Topics: material-ui, mobile-first, react-hooks, react-router, reactjs
- Language: JavaScript
- Homepage: https://airbnb-based-app.vercel.app
- Size: 33.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Airbnb based landing page
📺 Preview
## 📝 About
This project was developed based on the layout of the old Airbnb website. The aim was to recreate the look and feel of the original design while ensuring that the page is fully responsive and follows semantic HTML principles.
Throughout the project, I made use of React's component-based architecture to build reusable and modular UI components. This approach allowed me to efficiently manage and organize the different parts of the application, promoting code reusability and maintainability.
Through this project, I had the opportunity to explore and experiment with the best practices and latest technologies in the industry. Some of the key technologies and tools I incorporated into this project include:
- Material UI
- React Hooks
- React Router
- Vercel Hosting
- Flexbox
- Date Picker
- Responsive
## 🛠️ Technologies
## 🛍️ Future Features
This web application was designed for future API consumption receiving inputs from the date-range-picker component. In the future I would like to implement the search system, the react-query library, CSS modules and some animation techniques to make the app nicer and smoother.
## 🏁 Getting Started
### Programs to be installed
- NPM
Clone the project and access the project's folder:
```bash
$ git clone git@github.com:VicktorMS/airbnb-based-app
$ cd airbnb-based-app
```
Once cloned you can delete the `assets` folder
### Install dependencies and run the project
```bash
$ npm install
$ npm run dev
```
## ⚙️ My Development Tools
## 🔑 License
This project is under the MIT license. See the file [LICENSE](LICENSE) for more details.
## 🎯 Author
Made by Victor de Moraes