Skip to content
A simple dashboard of your city in material design.
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

City Dashboard

Capstone project at Thinkful while learning about Async Requests.


Dashboard with live info about your city.

Live Demo

You may have to enable unsafe script to load due to unsecured weather api endpoint.


This application will try to determine the user's location by using the Geolocation API. If geolocating is possible, the resulting coordinates will be used to find the user's city. After looking up the user's city using Google's Geocoding API, the user's current weather forecast for the next four days will be displayed.

If geolocating is not possible, the user will be allowed to enter his/her city name. Google's Places Autocomplete API will assist the application by suggesting accurate city names to the user. After the user submits his/her city name, the weather forecast will be displayed.

Additionally, a random image will be set as the background of the page.


HTML5, CSS, JavaScript

Frameworks & APIs




Screen Shots

Application asking for permission to location.

Application city search screen.

Application city search screen with Google Autocomplete suggesting city names.

Application main screen with weather forecast.

You can’t perform that action at this time.