README.md

NYC-Beach-App

Description:

This app will prompt the user to select a beach from a dropdown menu and will return some information about the beach, including the location, a brief description, accessiblity information, and whether there is a bathroom. Details about accessibility and directions will be linked to buttons the user can click.

API:

NYC Open Data will be used to get beach information for the MVP. Post-MVP will include weather conditions from OpenWeather or National Weather Service API using lat/long data from the NYC Open Data.

API snippet:

Wireframes:

MVP:

• dropdown menu of beaches
• location and button linking to directions and googlemap
• accesibility and button linking to more accessibility info
• bathroom information

post-MVP:

button to link to current weather conditions and forecast

add an image for each beach

Goals:

<style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top} .tg .tg-0lax{text-align:left;vertical-align:top} </style>

Project Day	Date	Goal
Tuesday	6/8	update wireframes; layout basic HTML with minimal styling; psuedo-code JS
Wednesday	6/9	code JS for axios calls and interactivity; test JS
Thursday	6/10	CSS styling and testing; pseudo-code post-MVP elements
Friday	6/11	code JS for post-MVP and test; final CSS styling; launch

Priority Matrix:


Timeframes:

<style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top} </style>

Task	Expected Time	Completion Time
Initial HTML & minimal styling	1-2 hrs	1 hr
JS for Axios API calls	2 hrs	2 hrs
JS for rendering content	3 hrs	2 hrs
JS for interactivity	1-2 hrs	1.5 hrs
Testing & debugging JS	2-3 hrs	3 hrs
More detailed CSS styling	3 hrs	4 hrs
Research for adding post-MVP	1-2 hrs	1 hr
JS for post-MVP	2-3 hrs	1.5
Testing & debugging	2-3 hrs	4 hrs