This MERN-stack application searches for rental lists by city, state, number of bedrooms and bathrooms as well as max rent price using the US Real Estate API. After signing up, users can Sign Up search for rental listings and save them for later retrieval.
User Story:
AS A person looking for rental properties I WANT to search for available listings SO THAT I choose a potential new home
GIVEN a rental property search engine
WHEN I load the search engine
THEN I am presented with a menu with the options Search for rentals properties and Login/Sign Up and an input field to search for listings and a submit button
WHEN I click on the Search for Homes menu option
THEN I am presented with an input field to search for rental properties and a submit button
WHEN I am not logged in and enter a search term in the input field and click the submit button
THEN I am presented with search results, each featuring a property description and a link to that listing on the realtor's site
WHEN I click on the Login/Sign Up menu option
THEN a modal appears on the screen with a toggle between the option to log in or Sign Up
WHEN the toggle is set to Sign Up
THEN I am presented with three inputs for a username, an email address, and a password, and a Sign Up button
WHEN the toggle is set to Login
THEN I am presented with two inputs for an email address and a password and login button
WHEN I enter a valid email address and create a password and click on the Sign Up button
THEN my user account is created and I am logged in to the site
WHEN I enter my account’s email address and password and click on the login button
THEN I the modal closes and I am logged in to the site
WHEN I am logged in to the site
THEN the menu options change to Search for homes, an option to see my saved homes, and Logout
WHEN I am logged in and enter a search term in the input field and click the submit button
THEN I am presented with search results, each featuring a property description and a link to that listing on the realtor's site
WHEN I click on the Save button on a listing
THEN that listing information is saved to my account
WHEN I click on the option to see my saved listings
THEN I am presented with all of the listings I have saved to my account, featuring a property description and a link to that listing on the realtor's site
WHEN I click on the Remove button on a listing
THEN that listing is deleted from my saved homes list
WHEN I click on the Logout button
THEN I am logged out of the site and presented with a menu with the options Search for Homes and Login/Sign Up and input fields to search for homes and a submit button
MongoDB
Express
React
Node
Apollo Server
React Router
GraphQL
Mongo-Atlas
Heroku
Landing Page
Search Page
Login/Sign Up Page
Saved Homes
Responsive Page
https://drive.google.com/file/d/1eHt8ptfzmKujpYMs1ZRl7RYsQfwTSOzF/view?usp=sharing
https://github.com/Mannyalfa/castle-cottage-or-cave
https://damp-inlet-70422.herokuapp.com/
This application was designed and developed by Jenn Menjivar, Chris Koberstine and Manny Alfaro to satisfy requirements for Group Project 3, University of Central Florida Coding Boot Camp: UCF-VIRT-BO-FSF-PT-04-2021-U-B-TTH
Chris Koberstine: [email protected]
Manny Alfaro: [email protected]
Jenn Menjivar: [email protected]