{"id":21706885,"url":"https://github.com/yaroslavchuiko/react-weather","last_synced_at":"2026-04-05T21:01:42.350Z","repository":{"id":118841175,"uuid":"502846603","full_name":"YaroslavChuiko/React-Weather","owner":"YaroslavChuiko","description":"Simple weather forecast application built with TypeScript and React","archived":false,"fork":false,"pushed_at":"2022-12-07T16:46:48.000Z","size":1939,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-23T05:44:14.347Z","etag":null,"topics":["react","react-router","scss","typescript","webpack"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/YaroslavChuiko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2022-06-13T07:13:33.000Z","updated_at":"2022-12-07T16:53:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"87b25446-2f10-4d73-a4d5-ed6a21f0c7fa","html_url":"https://github.com/YaroslavChuiko/React-Weather","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/YaroslavChuiko/React-Weather","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YaroslavChuiko%2FReact-Weather","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YaroslavChuiko%2FReact-Weather/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YaroslavChuiko%2FReact-Weather/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YaroslavChuiko%2FReact-Weather/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YaroslavChuiko","download_url":"https://codeload.github.com/YaroslavChuiko/React-Weather/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YaroslavChuiko%2FReact-Weather/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272977020,"owners_count":25025044,"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","status":"online","status_checked_at":"2025-08-31T02:00:09.071Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["react","react-router","scss","typescript","webpack"],"created_at":"2024-11-25T22:14:44.272Z","updated_at":"2025-10-07T00:24:24.788Z","avatar_url":"https://github.com/YaroslavChuiko.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003chead\u003e\n    \u003cdiv align=\"center\"\u003e\n        \u003ch1 align=\"center\"\u003eReact-Weather\u003c/h2\u003e\n    \u003c/div\u003e\n\u003c/head\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg alt=\"typescript\" src=\"https://img.shields.io/badge/-TypeScript-3178C6.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" /\u003e\n  \u003cimg alt=\"webpack\" src=\"https://img.shields.io/badge/-Webpack-8DD6F9.svg?style=for-the-badge\u0026logo=webpack\u0026logoColor=black\" /\u003e\n  \u003cimg alt=\"react\" src=\"https://img.shields.io/badge/-React-61DAFB.svg?style=for-the-badge\u0026logo=react\u0026logoColor=black\" /\u003e\n  \u003cimg alt=\"reactrouter\" src=\"https://img.shields.io/badge/-React%20Router-CA4245.svg?style=for-the-badge\u0026logo=react-router\u0026logoColor=white\" /\u003e\n  \u003cimg alt=\"sass\" src=\"https://img.shields.io/badge/-Sass-CC6699.svg?style=for-the-badge\u0026logo=sass\u0026logoColor=white\" /\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n### Summary\n\nReact Weather is a simple weather app created using React, React Hooks, React Router, React Transition Group, Context API, and TypeScript. The Routes were setup for the default home page and dialogs pages. Also, the forecast was displayed using the OpenWeatherMap API and axios to fetch data.\n\n### Motivation\n\nThe purpose of this project was to get familiar with React Hooks, Context API, React Router, React Transition Group, and TypeScript.\n\n### Getting Started\n\nClick the demo link or clone/download the repository on your local machine.\nOpen .env.local file in root directory. In .env.local file write\n`REACT_APP_API_KEY = \"YOUR_OPENWEATHERMAP_API_KEY\";`\n\n##### Install dependencies\n\n`npm install`\n\n##### Run React Weather from the root directory.\n\n`npm run start`\n\n### Built With\n\n- React\n- React Router\n- React Hooks\n- Context API\n- React Transition Group\n- OpenWeatherMap API\n- TypeScript\n\n### Preview\n![preview](https://user-images.githubusercontent.com/32570823/206239043-afbfcd99-bc91-423c-ac1e-39e58662efb2.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaroslavchuiko%2Freact-weather","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyaroslavchuiko%2Freact-weather","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaroslavchuiko%2Freact-weather/lists"}