VRAD - Vacation Rentals Around Denver

Abstract

VRAD is an app allowing users to find Vacation Rentals Around Denver, similar to AirBnb. A user can Login with their name, email address & purpose for the rental(there is no Login authentication), and choose different areas around Denver where they would like to stay. After selecting an area, a user can view all available listings for that area. User can open each listing and see additional information and pictures, and can also add or remove the listing from their 💙Favorites. After favoriting listings, user can click on the My Favorites button to see all the listings they are interested in.

This was a paired project during Module 3 at Turing School of Software & Design.

User Interaction

User Story:

User should be able to:

1. Login:

2. See Welcome message, Favorite Listings, Logout button, Areas Listings:

3. Choose Area and see all Listings:

4. Select Listing and see Listing details and image slider

5. Add/Remove Listing from Favorite Listings

Technologies Used:

• React
• Create React App
• JavaScript
• CSS
• Fetch API
• Jest
• React Testing Library

Learning Goals:

• Keep state based components to a minimum and leverage more functional components.
• Use a modular architecture for App file structure.
• Think deeply about React Lifecycle Methods.
• Become familiar with promises, nested fetch requests, and handling the UI based on acceptance of data.
• Become familiar with routing and how to handle dynamic routes.
• Use propTypes for every component receiving props.
• Write tests for React components and some asynchronous functionality.

Install:

1. Clone this repo
2. Run npm install to get dependencies
3. Run npm start to start the webserver
4. Open localhost:3000 in your favorite browser

Constributors:

• Edita Ignot
• Karl Nielsen