{"id":15575677,"url":"https://github.com/hsyntes/react-weather","last_synced_at":"2025-07-08T04:33:15.344Z","repository":{"id":63086475,"uuid":"565185820","full_name":"hsyntes/react-weather","owner":"hsyntes","description":"React-Weather is a user-friendly weather application built using React, React-Router, Redux, and powered by LocationIQ and RESTCountries APIs. This documentation will guide you through the app's features, technologies, setup, and usage.","archived":false,"fork":false,"pushed_at":"2023-11-17T13:34:57.000Z","size":13381,"stargazers_count":8,"open_issues_count":2,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-18T10:23:24.673Z","etag":null,"topics":["javascript","react","react-redux","react-router","reactjs","redux","weather","weatherapp"],"latest_commit_sha":null,"homepage":"https://react-weatherjs.netlify.app","language":"CSS","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/hsyntes.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":"2022-11-12T15:55:47.000Z","updated_at":"2024-12-27T13:35:32.000Z","dependencies_parsed_at":"2023-11-17T14:44:55.729Z","dependency_job_id":"589c0729-3f2b-40aa-b828-d7cc0e6e160c","html_url":"https://github.com/hsyntes/react-weather","commit_stats":null,"previous_names":["hsyntes/react-weather"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsyntes%2Freact-weather","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsyntes%2Freact-weather/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsyntes%2Freact-weather/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsyntes%2Freact-weather/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hsyntes","download_url":"https://codeload.github.com/hsyntes/react-weather/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250546472,"owners_count":21448341,"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":["javascript","react","react-redux","react-router","reactjs","redux","weather","weatherapp"],"created_at":"2024-10-02T18:40:21.260Z","updated_at":"2025-04-24T02:22:55.511Z","avatar_url":"https://github.com/hsyntes.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-Weather\n\nReact-Weather is a user-friendly weather application built using React, React-Router, Redux, and powered by LocationIQ and RESTCountries APIs. This documentation will guide you through the app's features, technologies, setup, and usage.\n\n[![React-Weather](public/logo192.png)](https://react-weatherjs.netlify.app)\n\n## Features\n\n- Weather Information: Get current weather details, temperature, humidity, wind speed, and conditions for a specified location.\n- Location Autocomplete: Utilize LocationIQ API for location autocomplete and efficient search functionality.\n- Country Information: Display country information using RESTCountries API based on the user's location.\n- Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.\n- State Management: Leverage Redux for state management, ensuring a smooth and synchronized user experience.\n\n![App Screenshot](/src/img/desktop-view-light.png)\n\n![App Screenshot](/src/img/desktop-view-dark.png)\n\n\u003cbr /\u003e\n\n## Technologies Used\n\n- React: A JavaScript library for building user interfaces, offering reusable components and dynamic rendering.\n- React-Router: A routing library for React, enabling efficient navigation and URL handling.\n- Redux: A state management library, centralizing and synchronizing data across the app.\n- LocationIQ API: Access geolocation data, location details, and autocomplete suggestions.\n- RESTCountries API: Retrieve country information and details.\n- React-Bootstrap: Styling with CSS for a visually appealing and responsive design.\n\n![App Screenshot](src/img/mobile-view-dark-search.png)\u0026emsp;![App Screenshot](src/img/mobile-view-light-search.png)\n\n![App Screenshot](src/img/tablet-view-dark.png)\n\n![App Screenshot](src/img/tablet-view-light.png)\n\n\u003cbr /\u003e\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/hsyntes/react-weather\n```\n\nGo to the project directory\n\n```bash\n  cd react-weather\n```\n\nInstall dependencies\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  npm start\n```\n\n## Credits\n\n- Location data provided by LocationIQ API.\n- Country information provided by RESTCountries API.\n\nThank you for using the React-Weather app! Feel free to explore the source code, contribute, and enhance your weather experience using this intuitive React application.\n\n## 🔗 Links\n\n[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/hsyntes)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsyntes%2Freact-weather","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhsyntes%2Freact-weather","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsyntes%2Freact-weather/lists"}