homebase /dev/entry/week9

Minh Ta
homebase /dev
Published in
2 min readMay 11, 2019

Hi everyone! Today I am going to showcase our newest revision to the Add Listing page and our Redux implementation for authentication and for other data. Next week there will be an update of the User Profile page, so stay tuned!

Add an image for your listing

The listing page supports uploading a picture for the listing and that picture will be featured on the front page. This is a very handy feature for landlords to show off their house to attract their future tenants! As a regular Airbnb traveler myself, two of the first things I look at when I am searching for listings are (1) the picture of the place and (2) the past reviews of that listing. We have already under the progress of implementing the rating system for listing, and that will be featured in our individual listing page. Anyways, the photo feature only supports one picture of the listing, but we will soon let multiple pictures be featured.

Address bar

Another interesting thing to discover on this page is the address bar. We implemented an autocomplete field which is able to detect and suggest addresses as the landlord enters the address of their listing. We will soon include this feature to our search bars so that they can look up real addresses. Also, this Google autocomplete gives us a geolocation object along with the address. With this geolocation, we can track down listings in a search area.

Adding rules to the listing

Rules implementation is the last thing we are going to talk about in this blog. Rules will be entered in a Text Field and that will pop up suggestions. After the user selects or creates a suggestion, it will pop up above as a removable Chip. This functionality is implemented because we want rules to be uniform. Also, landlords will not forget to include some rules when we suggest those to them!

--

--

Minh Ta
homebase /dev

I enjoy problem-solving and taking photographs of the world. Visit my website here: https://minhta.live