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.