Home Page and Search Result Page Re-Design

[CasperL1218]

Summary

This pull request is the implementation of the HomePage and SearchResult page redesign, including the frontend changes as well as the relevant backend structural changes.

• Implemented HomePage and SearchResult page redesign, including navigation bar, search bar, apartment cards, filter and map
• Implemented backend for filter search and apartment sorting
• Implemented backend for displaying apartment pinning information on the Google map display

Test Plan

PR_vid_1.mov

PR_vid_2.mov

These videos show the user experience flow of the new home page and search result page, demoing the use of the search bar, the filter, and new apartment cards, and the interactive map.

Notes

• The following task could be the refinement of mobile-specific design, which could significantly improve and achieve a comprehensive user experience.

Breaking Changes

• Page routing will be changed: the location pages will no longer be active pages. Instead now the homepage search and view more button clicks all links to the search result page.
• Now the backend endpoint for getting apartment data also conduct a first step sorting on top of the frontend sorting to achieve correct initial search results based on certain sorting metrics (such as closest distance to campus).
• Database document type change: addition of distanceToCampus field to the building collection documents

[dti-github-bot]

[diff-counting] Significant lines: 3944. This diff might be too big! Developer leads are invited to review the code.

[ggsawatyanon]

Great job, Casper, you’ve made impressive progress this semester with the new features! The home page, filtering, and search results page feature is a complex task which required altering many different parts of the codebase so a massive good job for this PR. Looking forward to seeing the completed mobile version and seeing the new features on the prod site!

[ggsawatyanon]

Great work, Casper. This feature has been in the works for a while and represents a big milestone for CU Apts! There are a few bugs that we can work on in the new semester which relate to filtering and some UI issues. Overall though, great job on this massive feature!