In this project, I have to develop three working page. The integration of two pages has been done. The third page is now in development. First, let me point out what things are needed to get it functional. These are as follows:
- It must respond to the results populated by search from page 2.
- It has to find other related information about that search result.
- Populate images of only relevant rooms.
The next thing which I have to do was a query request to fetch the other room related information. These pieces of information will have to populate in the table specified in front end UI. This was same as previously done searching. So, there were no big problems.
Populating images properly is very tricky. I used two libraries namely lightbox and fancybox. Both libraries are awesome. For the current situation, I liked fancybox more than the lightbox. You will see if you visit my app: http://roomlord.vivekjib.hasura.me/ The choice of image gallery is done. Now, I need to populate only related images to data showing in tables.
Hasura has a filestore like data and auth. I can be used to store any media type and have the streaming feature (if needed). To serve images, I put links in table named images. It contains two columns named id and images. The id column has the foreign key to the room table with column id. The images will be my primary key. The id can be repeated (Six times to be exact in my app). But, images link can not be repeated.
The next phase of my app will be user testing. I will gather feedback from fellow interns and make my app bug free and perfect. That will be my next blog. Till then 🙂