{"id":20178667,"url":"https://github.com/chanda-abdul/weather-dashboard-api","last_synced_at":"2026-05-04T20:36:13.566Z","repository":{"id":108540335,"uuid":"386118608","full_name":"Chanda-Abdul/Weather-Dashboard-API","owner":"Chanda-Abdul","description":"Build a weather dashboard that will run in the browser and feature dynamically updated HTML and CSS.","archived":false,"fork":false,"pushed_at":"2021-08-10T02:44:35.000Z","size":1506,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-10T02:25:50.376Z","etag":null,"topics":["apis","bootstap","css","dom-manipulation","html","localstorage","open-weather-api","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://pensive-payne-78e3c8.netlify.app/","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/Chanda-Abdul.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-07-15T00:57:50.000Z","updated_at":"2021-08-10T02:44:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"bdea6db7-2f15-4486-a8be-2421f423747d","html_url":"https://github.com/Chanda-Abdul/Weather-Dashboard-API","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Chanda-Abdul/Weather-Dashboard-API","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chanda-Abdul%2FWeather-Dashboard-API","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chanda-Abdul%2FWeather-Dashboard-API/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chanda-Abdul%2FWeather-Dashboard-API/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chanda-Abdul%2FWeather-Dashboard-API/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chanda-Abdul","download_url":"https://codeload.github.com/Chanda-Abdul/Weather-Dashboard-API/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chanda-Abdul%2FWeather-Dashboard-API/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32624340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"ssl_error","status_checked_at":"2026-05-04T10:08:02.005Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["apis","bootstap","css","dom-manipulation","html","localstorage","open-weather-api","vanilla-javascript"],"created_at":"2024-11-14T02:22:19.578Z","updated_at":"2026-05-04T20:36:13.546Z","avatar_url":"https://github.com/Chanda-Abdul.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Server-Side APIs: Weather Dashboard\n\n## Your Task\n\nThird-party APIs allow developers to access their data and functionality by making requests with specific parameters to a URL. Developers are often tasked with retrieving data from another application's API and using it in the context of their own. Your task is to build a weather dashboard that will run in the browser and feature dynamically updated HTML and CSS.\n\nUse the [OpenWeather API](https://openweathermap.org/api) to retrieve weather data for cities. The documentation includes a section called \"How to start\" that provides basic setup and usage instructions. You will use `localStorage` to store any persistent data.\n\n## User Story\n\n```\nAS A traveler\n    I WANT to see the weather outlook for multiple cities\n    SO THAT I can plan a trip accordingly\n```\n\n## Mock-up\n\n[Mock-up](https://ucarecdn.com/5b0ef48a-550d-4938-9ac2-3ab39a5ce347/)\n\n## Deployed App\n\n[Weather Dashboard](https://pensive-payne-78e3c8.netlify.app/)\n\n## Acceptance Criteria\n\nGIVEN a weather dashboard with form inputs\n\n- [x] WHEN I search for a city\n  - [x] THEN I am presented with current and future conditions for that city and that city is added to the search history\n- [x] WHEN I view current weather conditions for that city\n  - [x] THEN 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- [x] WHEN I view the UV index\n  - [x] THEN I am presented with a color that indicates whether the conditions are \n    - favorable(A UV Index reading of 0 to 2 means low danger from the sun's UV rays for the average person), \n    - moderate(A UV Index reading of 3 to 5 means moderate risk of harm from unprotected sun exposure), \n    - or severe(A UV Index reading of 6 to 7 means high risk of harm from unprotected sun exposure. Protection against skin and eye damage is needed.)\n- [x] WHEN I view future weather conditions for that city\n  - [x] THEN I am presented with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, and the humidity\n- [x] WHEN I click on a city in the search history\n  - [x] THEN I am again presented with current and future conditions for that city\n\n## Programmer\nChanda Abdul\n\n## Technologies Used\n- HTML\n- CSS\n- Bootstrap\n- JavaScript\n    - Fetch API\n- [OpenWeather API](https://openweathermap.org/api) \n\n![](weather-screen.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanda-abdul%2Fweather-dashboard-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchanda-abdul%2Fweather-dashboard-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanda-abdul%2Fweather-dashboard-api/lists"}