Horizon Hikes

Table of Contents

• Overview
• Learning Goals
• Instructions for Viewing
• Walkthrough
• Tech Stack
• Libraries
• Future Features
• Contributors

Front-End Mod 3 Project by: Ashton Huxtable

Overview

There are moments in life that bring peace and joy. A calm settles over the earth and the world seems to stop, if only for a moment. Dawn and dusk are two such moments for many outdoor enthusiasts, particularly when those moments are spent on the trail. Horizon Hikes is an app that allows its users to find parks in the US that offer hiking through the national park service. Users can select a state for their search and view individual park details. From here, they are led to choose a date on the calendar and the sunrise and sunset times for that park on that particular day will be displayed. Users can add these parks to their future trips with specific dates and times. What better way to plan a trip than to follow a trail of sunrise and sunset hikes?

Learning Goals

• Demonstrate working knowledge of functional components with hooks and prop-types.
• Build upon the foundational skills of React
• Utilizes React Router for url navigation
• Retrieve and display park information from the National Park Service and Sunrise Sunset APIs
• Testing performed with Cypress to better understand asych JS

Instructions for Viewing

• Clone down this repo by copying the SSH key and from your terminal git clone
• npm i to install dependencies
• cd into the repo
• npm start to activate the server
• Open localhost:3000 in your browser to view the project

OR view the deployed application via Heroku here

Walkthrough

This app is currently mobile only but will eventually be updated to be viewed on tablets and desktops

• A user can choose future trips from the home page. If they have no trips saved they will be asked to return home and start planning.

• When a user is ready to start planning they can simply click on a state of their choice to view parks within that state.

• When a user is ready, they can choose a date to see sunrise and sunset times and then add the trip to their future visits!

Tech Stack

React w/ Hooks	React Router	CSS	Cypress	JavaScript

Libraries

• USA State Map
• React Calendar

Future Features

• User ability to delete visits from their future trips
• Additional error handling and redirects
• Desktop and tablet views
• User ability to move trips from Future to Past
• User login and Express or local storage so trips are saved

Contributors

Ashton Huxtable

Project Managers:
Kayla Wood https://github.com/kaylaewood
Scott Ertmer https://github.com/sertmer

Turing School of Software & Design