Design:
- Animate CSS (Animated section text and modules / slide show?)
- Materialize CSS (For Buttons, Parralax)
- Google Fonts & Icons (For unique scripted fonts and additional icons)
- Font Awesome (For specialized social media icons)
- Use of a Favicon (For a branded browser tab)
API’s:
- RapidAPI (Real Estate information delivery)
- GoogleMaps API (For directions to the property / Piggybacks off RapidAPI by using results from that API to drive the URL creation for this one) Data Storage:
- Firebase (To store favorites and contact information for call scheduling)
- Session Storage (Used for the real estate search queries)
Functionality:
-
Nav Bar changes colors once you scroll
-
Search and Contact Links take you directly to that spot on the page.
-
Social Media links utilize “Target=Blank” so that the user does navigate off the main app page.
-
Functioning slide show in the “About” section that reveals additional content when clicked.
-
Search module must at least include city and state or a “Toast” message pops up
-
Search module may include advance search filters if desired
-
Search function keeps history of prior searches during that session
-
Results are clickable to get more detailed information about the property
-
Get directions links available to provide Google Maps results on how to get to the property
-
Favorites (Hearts) are filled in when clicked and then sent to the favorites page for later viewing.
-
Favorites may be removed by unlicking hearts on favorites page.
-
Parralax gives a scrolling reveal of background image.
-
Use of z-index to layer sections appropriately.
-
All fields are required to submit a contact form.
-
E-mail validation is in place to make sure format is correct
-
Date and Time scheduling is done through an enhanced CSS format.
-
Footer includes a “Send E-mail” link that will automatically pull up users e-mail client and populate it with home finder return address.
-
Entire web site is mobile responsive and produces side navigation as needed for mobile phones and tablets.