{"id":25187286,"url":"https://github.com/rkbeatss/weather-app","last_synced_at":"2026-05-07T13:47:47.395Z","repository":{"id":276345094,"uuid":"265349362","full_name":"rkbeatss/weather-app","owner":"rkbeatss","description":null,"archived":false,"fork":false,"pushed_at":"2020-05-29T16:34:17.000Z","size":1455,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T08:48:40.216Z","etag":null,"topics":["geocoding-api","nasa-apod","openweathermap-api","react-components","reactjs"],"latest_commit_sha":null,"homepage":null,"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/rkbeatss.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":"2020-05-19T19:49:30.000Z","updated_at":"2020-06-01T23:42:53.000Z","dependencies_parsed_at":"2025-02-07T17:44:01.396Z","dependency_job_id":null,"html_url":"https://github.com/rkbeatss/weather-app","commit_stats":null,"previous_names":["rkbeatss/weather-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkbeatss%2Fweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkbeatss%2Fweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkbeatss%2Fweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkbeatss%2Fweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rkbeatss","download_url":"https://codeload.github.com/rkbeatss/weather-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247149509,"owners_count":20891954,"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":["geocoding-api","nasa-apod","openweathermap-api","react-components","reactjs"],"created_at":"2025-02-09T19:45:45.969Z","updated_at":"2026-05-07T13:47:42.375Z","avatar_url":"https://github.com/rkbeatss.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReactJS Weather App \n\n## Description \n\nThis is a simple ReactJS project that invokes the OpenWeatherMap API in order to get a 7-day forecast. It also leverages Google's Geocode module to transform a location into coordinates. The background image is set through the Nasa Photo of the Day API. \n\n## The main goals of this project are:\n1. Understand and create React Components\n2. Understand the communication between parent and child components through props \n3. Make use of HTTP calls and implement an API service \n4. Understand and use state object\n\n## OpenWeatherMap API \n\nIn order to use this service, you must obtain an API key from [their website](https://openweathermap.org/price) and include it in a config file. \n\n\n## Geocoding API \n\nIn order to use this service, you must obtain an API key from [their website](https://developers.google.com/maps/documentation/geocoding/start) and include it in a config file. \n\n## Nasa Photo of the day API \n\nIn order to use this service, you must obtain an API key from [their website](https://api.nasa.gov/index.html#apply-for-an-api-key) and include it in a config file. \n\n\n## Run project\n\nMake sure to clone the project and install all npm packages \n\n``` \nnpm install \n```\n\nTo start the app: \n\n``` \nnpm start\n```\n\n![A screenshot of the app UI](public/app-UI.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frkbeatss%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frkbeatss%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frkbeatss%2Fweather-app/lists"}