{"id":20430450,"url":"https://github.com/katherinakulinich/weatherapp","last_synced_at":"2026-05-02T08:32:11.877Z","repository":{"id":176690014,"uuid":"657747517","full_name":"KatherinaKulinich/WeatherApp","owner":"KatherinaKulinich","description":" This is a weather app, providing you with comprehensive and precise weather information. With the added convenience of saving your favourite cities and a user-friendly interface, it's the perfect companion for your weather needs ☀️","archived":false,"fork":false,"pushed_at":"2023-10-27T20:47:01.000Z","size":20837,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-05T05:43:30.057Z","etag":null,"topics":["firebase","firebase-auth","firebase-database","google-api","google-places-api","material-ui","react","reactapp","redux-toolkit","typescript","weather-api","weather-app","weather-forecast","weatherapp"],"latest_commit_sha":null,"homepage":"https://katherinakulinich.github.io/WeatherApp/#/","language":"TypeScript","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/KatherinaKulinich.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":"2023-06-23T18:53:40.000Z","updated_at":"2023-10-27T18:23:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"1b4d09e8-4fbe-4b2f-8595-b409a3cfe576","html_url":"https://github.com/KatherinaKulinich/WeatherApp","commit_stats":null,"previous_names":["katherinakulinich/weatherapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KatherinaKulinich/WeatherApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KatherinaKulinich%2FWeatherApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KatherinaKulinich%2FWeatherApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KatherinaKulinich%2FWeatherApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KatherinaKulinich%2FWeatherApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KatherinaKulinich","download_url":"https://codeload.github.com/KatherinaKulinich/WeatherApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KatherinaKulinich%2FWeatherApp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32528218,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-02T01:12:54.858Z","status":"online","status_checked_at":"2026-05-02T02:00:05.923Z","response_time":132,"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":["firebase","firebase-auth","firebase-database","google-api","google-places-api","material-ui","react","reactapp","redux-toolkit","typescript","weather-api","weather-app","weather-forecast","weatherapp"],"created_at":"2024-11-15T08:07:29.539Z","updated_at":"2026-05-02T08:32:11.854Z","avatar_url":"https://github.com/KatherinaKulinich.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cp  align=\"center\"\u003ePERFECT\u003c/p\u003e\n\u003ch1  align=\"center\"\u003e🌝 WEATHER APP 🌚\u003c/h1\u003e\n\n\u003cp  align=\"center\"\u003e\n  \u003cimg width=\"140\" src=\"https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/15584463-2aa3-4a96-9764-637ea998a12f\"\u003e\n\u003c/p\u003e\n\n\n\u003ch3\u003e💬 Description \u003c/h3\u003e\n\u003cp\u003e\n This is a weather app, providing you with comprehensive and precise weather information. With the added convenience of saving your favorite cities and a user-friendly interface, it's the perfect companion for your weather needs.\n\u003c/p\u003e\n\u003chr/\u003e\n\n\u003ch3\u003e⚙️ Tools and technologies\u003c/h3\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/183890598-19a0ac2d-e88a-4005-a8df-1ee36782fde1.png\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/187896150-cc1dcb12-d490-445c-8e4d-1275cd2388d6.png\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/202896760-337261ed-ee92-4979-84c4-d4b829c7355d.png\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://github.com/marwin1991/profile-technology-icons/assets/62091613/b40892ef-efb8-4b0e-a6b5-d1cfc2f3fc35\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/189716630-fe6c084c-6c66-43af-aa49-64c8aea4a5c2.png\"/\u003e\n\u003c/span\u003e\n\u003cspan\u003e\n  \u003cimg width='60' src=\"https://user-images.githubusercontent.com/25181517/189716855-2c69ca7a-5149-4647-936d-780610911353.png\"/\u003e\n\u003c/span\u003e\n\n\u003chr/\u003e\n\n\u003ch3\u003e👇🏼 Demo\u003c/h3\u003e\n\u003cp\u003ehttps://katherinakulinich.github.io/WeatherApp/#/\u003c/p\u003e\n\u003chr/\u003e\n\n\n\n\u003ch3\u003e📲 About app\u003c/h3\u003e\n\n\u003ch4\u003e 🌎 Navigation \u003c/h4\u003e\n\u003cp\u003eUpon entering the app, you'll notice three primary menu options: \"My Location\", \"Search\" and \"Saved\"\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='600' src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/d5d6caf3-b19d-4dc0-9741-650d927a8c95'/\u003e\n\u003c/div\u003e\n\n\u003ch4\u003e 🌎 My location \u003c/h4\u003e\n\u003cp\u003eWhen you select \"My Location\" and your device's geolocation is enabled, the app instantly provides you with the current weather forecast for your precise location. It's as simple as that – no need to manually enter your location\u003c/p\u003e\n\n\u003ch4\u003e 🌎 Search \u003c/h4\u003e\n\u003cp\u003eIn the \"Search\" section, you'll find an input field for city searches. As you begin typing the name of a city, the app offers you a list of potential city names. This feature is powered by the \u003ca href='https://developers.google.com/maps/documentation/places/web-service/autocomplete?hl=ru'\u003eGoogle Autocomplete API\u003c/a\u003e , ensuring that you can quickly and accurately find the location you're interested in.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='600' src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/557dd4ff-2445-4434-a476-a15beb0521c1'/\u003e\n\u003c/div\u003e\n\n\n\u003ch4\u003e 🌎 Authentication \u003c/h4\u003e\n\u003cp\u003eYou can log in to the app using your Google account or through a standard registration process. After your initial registration, you can simply log in to the app. The button that provides access to both the login and registration pages can be found at the app's header.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='600' src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/cff22aef-aef1-429f-89e8-0cc086956a1c'/\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='600'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/43f07755-e167-42ba-9f18-9072075aea41'/\u003e\n\u003c/div\u003e\n\n\u003ch4\u003e 🌎 Saved locations \u003c/h4\u003e\n\u003cp\u003e📍 When you navigate to the \"Saved\" section first time, you'll be directed to the login page. Once you've successfully authenticated or logged in, you gain the privilege to save your preferred cities. This feature allows you to store and access the weather forecasts for your favorite locations with ease.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg height='50' src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/8299ddac-f13f-4c56-9504-a58cbeadfc13'/\u003e\n  \u003cimg height='50' src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/8363faed-c0c6-4ace-bba1-19b90e52e437'/\u003e\n\u003c/div\u003e\n\n\u003cp\u003e📍 Page with saved locations:\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg  width='600'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/640056a9-bdda-4046-bc51-2eac5048522d'/\u003e\n\u003c/div\u003e\n\n\u003cp\u003e📍 Saved city card:\u003c/p\u003e\n\u003cp\u003e 🔸 Each saved city card is adorned with a captivating background photo of the respective city, retrieved using the \u003ca href='https://developers.google.com/maps/documentation/places/web-service/photos?hl=ru'\u003eGoogle Places API\u003c/a\u003e. On every card, you'll find the city name, the current temperature and a brief weather description \u003c/p\u003e\n\n\u003cp\u003e🔸 When you \u003cb\u003ehover\u003c/b\u003e over a city card you can quickly \"unsave\" a city, making it easy to manage your list of saved locations.\nYou can also see key weather indicators, including humidity, atmospheric pressure, wind speed, and the chance of rain.\u003c/p\u003e\n\n\u003cp\u003e🔸 \u003cb\u003eBy clicking on the 'MORE INFO'\u003c/b\u003e on a city card, you'll be taken to the full city forecast.\u003c/p\u003e\n\u003cp\u003eThis detailed forecast encompasses various aspects, such as:\u003c/p\u003e\n\u003cul\u003e\n  \u003cli\u003ethe current weather conditions\u003c/li\u003e\n  \u003cli\u003etoday's forecast\u003c/li\u003e\n  \u003cli\u003ean hourly forecast\u003c/li\u003e\n  \u003cli\u003ea weekly outlook\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cdiv align='center'\u003e\n  \u003cimg  width='300'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/78279061-d5cb-404a-bce3-4d13099552a2'/\u003e\n  \u003cimg  width='300'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/070841b3-20bf-4e9e-8a92-1fae8c776b23'/\u003e\n\u003c/div\u003e\n\n\n\n\n\n\n\n\u003ch4\u003e 🌎 The forecast display \u003c/h4\u003e\n\u003cp\u003eThe app relies on the \u003ca href='https://openweathermap.org/api/one-call-3'\u003eOpenWeatherMap API\u003c/a\u003e  to deliver accurate and up-to-date weather data.\u003c/p\u003e\n\n\n\u003ch6\u003e 🌝 Current Weather \u003c/h6\u003e\n\u003cp\u003eWhen you open the app, you'll see the current weather conditions for your selected location, including the temperature, weather description, weather icon and how the temperature feels.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='300'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/6a1f0a05-92b5-4541-b0e3-b1d6f6308d62'/\u003e\n\u003c/div\u003e\n\n\u003ch6\u003e 🌝 Hourly Forecast \u003c/h6\u003e\n\u003cp\u003eThis section breaks down the weather conditions for each hour of the day. It includes details like time, temperature and weather icon.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='800'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/63845996-ba2c-4c59-a000-cf376a9bb602'/\u003e\n\u003c/div\u003e\n\n\u003ch6\u003e 🌝 Today's Forecast \u003c/h6\u003e\n\u003cp\u003eIt provides a summary of the day's weather, offering an overview of what you can expect throughout the day\u003c/p\u003e\n\u003cp\u003eThis includes:\u003c/p\u003e\n\u003cul\u003e\n  \u003cLi\u003ewind speed\u003c/Li\u003e\n  \u003cLi\u003ehumidity \u003c/Li\u003e\n  \u003cLi\u003epressure\u003c/Li\u003e\n  \u003cLi\u003emin and max temperature\u003c/Li\u003e\n  \u003cLi\u003ecloudness\u003c/Li\u003e\n  \u003cLi\u003echance to rain\u003c/Li\u003e\n  \u003cLi\u003eUV index\u003c/Li\u003e\n  \u003cLi\u003esunrise time\u003c/Li\u003e\n  \u003cLi\u003esunset time\u003c/Li\u003e\n\u003c/ul\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='450'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/3b3db41c-b85a-43aa-9e11-1f06c033a339'/\u003e\n\u003c/div\u003e\n\n\n\u003ch6\u003e 🌝  Weekly Forecast\u003c/h6\u003e\n\u003cp\u003eIn a separate tab, you can access the weekly forecast. This section displays a series of cards, each representing a different day of the week.\u003c/p\u003e\n\u003cp\u003eEach day's forecast card features background imagery that vividly represents the prevailing weather conditions. This visual cue provides a quick and intuitive way for users to understand the weather outlook for the upcoming days. For example, a sunny day might be accompanied by a sun in the background, while a rainy day could feature a background with falling raindrops, and a cloudy day may have a sky filled with clouds. These visual representations help users grasp the weather at a glance and make planning their activities more straightforward.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='450'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/202c81a7-46c5-4c71-9f8e-df971e46c625'/\u003e\n\u003c/div\u003e\n\n\u003ch4\u003e 🌎 Local Time and Timezone \u003c/h4\u003e\n\u003cp\u003eBelow the city name or location in the forecast, you can find the local time of that city, which updates in real-time, the region name, and the name of the timezone\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='300'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/20dc96c6-92e1-4bd0-b609-8a30374ee63d'/\u003e\n\u003c/div\u003e\n\n\u003ch4\u003e 🌎  Automatic Theme Switching \u003c/h4\u003e\n\u003cp\u003eThe app's theme adapts to the time of day, featuring a light theme during the day and a dark theme at night. This ensures a comfortable and visually pleasing experience.\u003c/p\u003e\n\u003cdiv align='center'\u003e\n  \u003cimg width='400'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/73865e03-414e-48d7-8628-639b012023b3'/\u003e\n  \u003cimg width='400'  src='https://github.com/KatherinaKulinich/WeatherApp/assets/109860560/887a0583-e289-4213-b2d8-eb709bd83361'/\u003e\n\u003c/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatherinakulinich%2Fweatherapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkatherinakulinich%2Fweatherapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatherinakulinich%2Fweatherapp/lists"}