/dead-ends

Primary LanguageJavaScript

Dead Ends

Description

Indulge your inner-witch with Dead Ends - a spooky app that allows you to find haunted locations in the United States. To use, enter your name and a location (in the following format: Denver, CO), and view all the haunted places that are in that location. From there, you can also favorite different locations and view the specific spooky spot on a rendered map. To view the haunted locations in another city, simply click on the header to return home and start over!

Tech Stack

  • React
  • Router
  • Redux
  • Jest/Enzyme
  • Google Maps API
  • Sass

Installation

To access this repo, simply clone down and run npm install to access the necessary packages. For the best viewing experience, run npm run start and copy and paste your local server into the browser.

Note that in order to use the "View Map" functionality of Dead Ends, you will need a Google Maps API key. This value should be stored as the REACT_APP_GOOGLE_MAPS_KEY environment variable.

User Interface and User Experience

Landing Page

Landing page when the user starts the app

Spooky Locations

All the spooky locations in Denver, CO

Favorites

User's favorited locations

View Map

View map of Cheesman Park

Future Iterations

Future iterations of this project will include the following:

  • Wishlist feature for users to save spooky locations they want to visit
  • Visited feature with notes for users to save spooky locations they have visited and include any notes they want to add
  • Using the user's current location, show spooky locations that are nearby

Project Requirements

This was a solo project completed over the course of 5 days by Trisha Langlois at Turing School of Software and Design. Project requirements can be found here.