As a part of Udacity's Front-end Web Developer Nanodegree I was challenged to create a single-page application of a neighborhood I would like to visit utilizing Knockout and third-party APIs.
My live version is linked here
This is a link to my GitHub repo
The index page orginially had a Google Page Speed Insights score of 62/100 mobile and 75/100 desktop. After implementing the following optimizations I was able to achieve a score of 91/100 on mobile and 89/100 on desktop.
Minified the Javascript using this tool and added the async attribute to all script tags.
Minified the CSS using this tool.
Knockout was utilized to dynamically update the app.
Model View ViewModel was implemented providing a separation of concerns to make the application easire to maintain and use.
Google Maps was implemented to showcase different locations as well as markers, streetview, and panorama.
The Wikipedia API was implemented to add linked information for each Attraction on the list, via an AJAX request.
The Cat-clicker mini-lesson provided tutorial for utilizing Knockout.
In this AJAX mini course a static page was created and utilized the Wikipedia API.
The Google Maps API course had a plethora of information that I was able to implement for this project
The Kalapaki Beach location does not have a Wikipedia page; therefore, rather than have an error alert message, the Kauai Wikipedia page was used for the search.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent