https://artemfm1.github.io/Open-Streets-NYC/
An application used for finding street openings for pedestrians and cyclists to use the roadbed of the street for social distancing during the COVID-19 crisis.
https://data.cityofnewyork.us/resource/uiay-nctu.json
MVP - To be able to search for "Open Street" locations by borough. This project used:
- HTML, CSS, and JavaScript.
- Axios request to pull API data
- styleing with FLexblox
- responsive design with media queries
- Adding a date and calander option
- Giving the user a map readout or a link to it
Day | Deliverable | Status |
---|---|---|
April 16-18 | Prompt / Wireframes / Priority Matrix / Timeframes | Incomplete |
April 19 | Project Approval/Core Application Structure (HTML, CSS, etc.) | Incomplete |
April 20 | Pseudocode / actual code | Incomplete |
April 21 | Initial Clickable Model/MVP | Incomplete |
April 22 | MVP/PMVP | Incomplete |
April 23 | Presentations | Incomplete |
Component | Priority | Estimated Time | Time Invested | Actual Time |
---|---|---|---|---|
Working with API | H | 2hrs | 2 | 2 |
HTML | H | 2 hrs | 6 | 6 |
JavaScript | H | 10 hrs | 20 | 20 |
initaial CSS | H | 5 hrs | 3 | 3 |
advanced CSS styling | H | 6 hrs | 8 | 8 |
debugging | H | 5 hrs | 3 | 3 |
Total | H | 30 hrs | 42 | 42 |
Intially I had to use const smallArray = streetData.slice(0, 30)
to shorten the results, but using the set() method allowed me to filter out duplicates and render a complete list to the user.