{"id":25877243,"url":"https://github.com/rh9891/weatherdashboard","last_synced_at":"2026-04-10T15:39:24.873Z","repository":{"id":196350388,"uuid":"272119488","full_name":"rh9891/WeatherDashboard","owner":"rh9891","description":"An application where the user can search for a city to display the current/future weather conditions using the OpenWeatherMap API. Application also uses local storage to save a history of previously searched cities and dynamically displays icons appropriate to the weather conditions.","archived":false,"fork":false,"pushed_at":"2020-09-26T02:24:49.000Z","size":787,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-09-24T17:38:47.785Z","etag":null,"topics":["bootstrap","css","html","jquery","openweathermap-api","weather-dashboard"],"latest_commit_sha":null,"homepage":"https://rh9891.github.io/WeatherDashboard/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rh9891.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-06-14T02:28:42.000Z","updated_at":"2023-09-24T17:39:31.312Z","dependencies_parsed_at":"2023-09-24T17:56:03.353Z","dependency_job_id":null,"html_url":"https://github.com/rh9891/WeatherDashboard","commit_stats":null,"previous_names":["rh9891/weatherdashboard"],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rh9891%2FWeatherDashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rh9891%2FWeatherDashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rh9891%2FWeatherDashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rh9891%2FWeatherDashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rh9891","download_url":"https://codeload.github.com/rh9891/WeatherDashboard/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241494703,"owners_count":19971963,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","html","jquery","openweathermap-api","weather-dashboard"],"created_at":"2025-03-02T11:19:41.580Z","updated_at":"2025-12-30T22:47:44.432Z","avatar_url":"https://github.com/rh9891.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather Dashboard\n\n## Table of Contents\n*  [Description](#description)\n*  [User Story](#user-story)\n*  [Features of the Application](#features-of-the-application)\n*  [Preview of the Weather Dashboard](#preview-of-the-weather-dashboard)\n*  [Links](#links)\n*  [Usage](#usage)\n*  [Acknowledgments](#acknowledgments)\n*  [Built Using](#built-using)\n*  [License](#license)\n*  [Questions](#questions)\n\n## Description\n\nServer-side APIs are an interface often used by companies to allow users a way to interact and gain access to their information. For this weather dashboard application, the [OpenWeatherMap API](https://openweathermap.org/api) was utilized in order to gather information about the weather (current and future conditions) for a specified city.\n\nThe retrieved data from the OpenWeatherMap API call provided detailed information regarding the forecast, ultraviolet (UV) index, humidity levels, longitudinal and latitudinal coordinates, wind speeds, and visibility, among other things. Using this bulk information, a sift through the JSON object was required to extract the necessary information in order to build a weather dashboard that is both dynamic and functional.\n\nThe Weather Dashboard is an application that allows the user to search for a city to display the current weather conditions - as well as 5-day forecast - using the OpenWeatherMap API. The application also uses local storage to save a history of cities for which the user has previously searched and dynamically displays icons appropriate to the weather conditions.\n\n## User Story\n~~~\nAS A traveler  \nI WANT to see the weather outlook for multiple cities  \nSO THAT I can plan a trip accordingly\n~~~\n\n## Features of the Application\n~~~\nGIVEN a weather dashboard with form inputs  \nWHEN I search for a city  \nTHEN I am presented with current and future conditions for that city and that city is added to the search history  \n\nWHEN I view current weather conditions for that city  \nTHEN I am presented with the city name, the date, an icon representation of weather conditions, the temperature, the humidity, the wind speed, and the UV index\n~~~\n\n## Preview of the Weather Dashboard\n\nThe following images demonstrate the application functionality:\n\n![Weather Dashboard Preview](images/weatherDashboardPreview.png)\n\n![City Search Preview](images/citySearchPreview.png)\n\n![Toulouse Weather Preview](images/toulouseWeatherPreview.png)\n\nThe following images demonstrate the use of `local storage` to save the previously search cities across browser sessions. When the user opens the weather dashboard, they are presented with the last searched city forecast.:\n\n![Algiers Weather Preview](images/algiersWeatherPreview.png)\n\n![Previously Searched Cities Preview](images/previouslySearchedCitiesPreview.png)\n\n![Local Storage Preview](images/localStoragePreview.png)\n\n## Links\n\n1. [Deployed Application](https://rh9891.github.io/WeatherDashboard)\n\n2. [Github Repository](https://github.com/rh9891/WeatherDashboard)\n\n## Usage\n\nThe following example of usage displays the use of the ajax call to the OpenWeatherMap API to attain information about a city from a JSON object:\n~~~\nvar APIKey = \"\u0026units=imperial\u0026appid=e7111b1f6589775ae781984a6af9beb7\";\nvar queryURL = \"https://api.openweathermap.org/data/2.5/weather?q=\";\nvar citySearch = queryURL + city + APIKey;\n$.ajax({\n\t\turl: citySearch,\n\t\tmethod: \"GET\"\n\t}).then(function(weatherData)\n~~~\n\n## Acknowledgments\n\nA heartfelt thanks to fellow coder, Jody Russell, whose code I looked to for inspiration and guidance whenever I found myself stuck in creating the weather dashboard application, especially when coding the UV index (and requiring the second ajax call), and understanding how to render the weather icons onto the page.\n\n## Built Using\n\nListed below are the frameworks and guides that made building this weather dashboard application possible.:\n\n* [Bootstrap](https://getbootstrap.com)\n* [JQuery](https://jquery.com)\n* [OpenWeatherMap API Documentation](https://openweathermap.org/current)\n\n## License\n\nThis application does not currently have any licenses.\n\nThe user is not permitted to use, modify, or share any parts of it. Though the code for this application is hosted on Github, where you are allowed to view and fork the code, this does not imply that the user is permitted to use, modify, or share the contents of this application for any purpose.\n\n## Questions\n\nIf you have any questions, comments, or issues regarding this weather dashboard application, please don't hesitate to contact me via [Github](https://github.com/rh9891).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frh9891%2Fweatherdashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frh9891%2Fweatherdashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frh9891%2Fweatherdashboard/lists"}