aamay001 / city-dashboard

A simple dashboard of your city in material design.

City Dashboard

Capstone project at Thinkful while learning about Async Requests.

Brief:

Dashboard with live info about your city.

Live Demo

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

Description

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.

Technologies

HTML5, CSS, JavaScript

Frameworks & APIs

CSS

• Materialize
• Font Awesome

JavaScript

• jQuery 3.2.1

APIs

• Geolocation API
• Google Maps
• Unsplash Random Image
• OpenWeatherMap API

Screen Shots

city-dashboard's Issues

Random Input Prevention

Handle case where user enters random text that is not an option from Google's Autocomplete.