Skip to content

amandalatkins/weather-dashboard

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

Weather Dashboard

Summary

This application delivers the current weather conditions and five day forecast right to your fingertips. Search for any city or use your current location to see what the sky is up to anywhere in the world along with a lovely picture of your chosen destination.

Prerequisites

Installing

Copy the repository link.

https://github.com/amandalatkins/weather-dashboard.git

Clone the repository to your local development environment

git clone https://github.com/amandalatkins/weather-dashboard.git

Open index.html in your preferred web browser

Built With

Deployed Link

Screenshots

Desktop View Mobile View

Code Snippets

The following snippet shows the function that receives and handles a search input, whether from a clicking the search button, clicking the current location button, or pressing the enter key.

    function initSearch(e) {

        var searchField = $('#searchField');

        if (e.target.matches('button')) {   
            if ($(e.target).attr('id') === "searchBtn") {
                if (searchField.val() === "") {
                    return;
                }
                currentCity = searchField.val();
                searchField.val('');
                runSearch();
                if ($(window).width() < 992) {
                toggleMobileSearch();
            }
            } else if ($(e.target).attr('id') !== "currentLocation") {
                currentCity = $(e.target).val();
                searchField.val('');
                runSearch();
                if ($(window).width() < 992) {
                    toggleMobileSearch();
                }
            }
        } 
        // Else if there was an enter key pressed while in the search field
        else if (e.keyCode === 13) {
            if (searchField.val() === "") {
                return;
            }
            currentCity = searchField.val();
            searchField.val('');
            runSearch();
            if ($(window).width() < 992) {
                toggleMobileSearch();
            }
        }

    }

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License.

Search icon and current location icon are licensed under Font Awesome's Free License.

Weather data from OpenWeatherMap.org is licensed under the Creative Commons Attribution-ShareAlike 4.0 Generic License license

All photos licensed through Teleport.org with Creative Commons licenses.

Acknowledgments

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published