VRAD - Vacation Rentals Around Denver

About

VRAD is an application 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 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

User Interaction

Built with

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

Main Files

• All Components | Each Component has it's own test and CSS styling file
  • App Component | React Routing
    • App Component Async Integration Testing
• Fetch API Network Calls

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

Contributors

Edita Ignot | MY COMMITS

Karl Nielsen