/VRAD

Primary LanguageJavaScript

VRAD - Vacation Rentals Around Denver

1. Abstract

The purpose of this project was to create an application search for properties to rent in different neighborhoods in Denver. The following were learning goals:

  1. Write well refactored code using ES6 syntax.
  2. Make informed design decisions to create a user-friendly application.
  3. Keep state based components to a minimum and leverage more functional components.
  4. Use a modular architecture for the application file structure.
  5. Think deeply about React Lifecycle Methods.
  6. Become familiar with promises, nested fetch requests, and handling the UI based on acceptance of data.
  7. Become familiar with routing and how to handle dynamic routes.
  8. Use propTypes for every component receiving props.
  9. Write tests for React components and some asynchronous functionality using Jest and React Testing Library.

2. Technology

  • JavaScript
  • React
  • CSS
  • Jest
  • React Testing Library

App Demo

3. Installation

  1. Shut down any live servers you currently have running (control + c)
  2. Fork and/or clone this repo
  3. Install dependencies via npm install
  4. Run npm run start
  5. Clone down this repo link to a directory outside of the directory from the first repo you cloned.
  6. Repeat steps 3 and 4 for the repo above
  7. Clone down the image files from this repo link and extract the image folder and place it into the public folder within the app's directory.

4. Future Iterations

We would like to build out our testing suite (add more tests for Sad paths, successfully set up tests to mock the fetch of our API data)

5. Team Members