I designed this web app for my React project at HackYourFuture journey of learning web development. This project was bootstrapped with Create React App. The web version of this project can be seen on Netlify.
The app fetches data from Draftbit. Three types of fetches can be made:
- First option is the smaller rooms where only a couple of people can stay.
- Secondly, there is the option of having vacation rentals that are located on the country side.
- Lastly, rooms are shown in descending order of the rooms so that the biggest villas are shown first which can accommodate upto 10 people.
Foreseeable errors like failing to fetch data and unavailable data are handled such that the user can see on the screen what went wrong.
The app was built using the knowledge gained by studying different modules of Web Development at HackYourFuture curriculum especially:
This is a basic app that fulfills the requirements for the assignment at HackYourFuture. But I intend to keep improving upon it with the following roadmap.
- Responsive app
- Use atleast one API to fetch data
- Loading/error handling for the interaction with the API
- Also fetch the weather forecast depending on the location
- Additional Options
- Sign-up
- Offer users the opportunity to present their own place for rent like Airbnb
This is in no way a perfect application. I am in the process of learning and implementing knowledge. Therefore, contributions, suggestions and feedbacks are heartily welcome. If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Nida ul Zafar
I would like to acknowledge a number of people and resources that helped me get through this project.
- Draftbit For the data.
- Geeksforgeeks For the Nav and Footer component.
- GetCSSScans For the beautiful button design.
- Positronx For the contact form component.
- FontAwesome For the cool and free icons.
- Last but not least the HackYourFuture Team for their untiring guidance and efforts.