This is a simple application a dog lover might use to assist them in locating dog parks. Upon entering the city/town of their choice, the user will be presented with a map of that location, featuring markers with infowindows showing the name, address, and rating of each dog park. They will also see that information in list form along the left side of the screen.
In creating this application, our team was tasked with the following acceptance criteria:
-
Use a CSS framework other than Bootstrap.
-
Be deployed to GitHub Pages.
-
Be interactive (i.e., accept and respond to user input).
-
Use at least two server-side APIs.
-
Does not use alerts, confirms, or prompts (use modals).
-
Use client-side storage to store persistent data.
-
Be responsive.
-
Have a polished UI.
-
Have a clean repository that meets quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).
-
Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
By meeting these goals, this application/project demonstrates our growing knowledge of server-side APIs(Google Maps, Google Places, Open Weather), GitHub, Agile, HTML, CSS, Bulma, JavaScript, JQuery, Git, and Canva.
The website is hosted by GitHub pages.
You can find it here: Link to Dog Park Finder
The repository is on GitHub: Link to GitHub repository for Dog Park Finder.
There you will find following : two HTML files, a README, and license files, plus an Access folder containing images, js, and style.css files.
The website (link above) was created to be responsive, and may be used on a desktop computer, medium sized tablet, or smart phone.
<.png)
<.png)
The project team consists of:
- Jennifer Alexander
- Lely Huynh
- Jairo Mariscal
- Andrew Min
Extensive support and instruction was provided by:
UW Full Stack Web Development Bootcamp instructors, teacher assistants, tutors, and students. Multiple tutuorials and internet resourses were consulted in this process. Below is an exhaustive list:
Third Party References and Tutorials used include:
https://hexcolorpedia.com/color/08c1fa/
https://www.w3schools.com/jsref/prop_win_localstorage.asp
https://stackoverflow.com/questions/54394216/javascript-local-storage-get-only-first-3-elements
https://www.youtube.com/watch?v=Zxf1mnP5zcw&t=1342s
https://www.youtube.com/watch?v=k8yJCeuP6I8&t=135s
https://developers.google.com/maps/documentation/javascript/reference/places-service
https://www.markdownguide.org/cheat-sheet/
https://betterprogramming.pub/add-badges-to-a-github-repository-716d2988dc6a
MIT No Attribution
Copyright 2022 Jennifer Alexander, Lely Huynh, Jairo Mariscal, and Andrew Min
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
