Skip to content

Krissttina/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather-app

~You can try live demo by clicking on 'github-pages' in Environment ->

This project has very simple and clean UI. For the background is used linear color gradient with D3FFF7 and 2F5E72(HEX). For the container background color is used white with 50% decreased opacity. And for buttons and input background color: #7c7c7c2b with decreased opacity.

weather-app-UI

If nothing is entered in the text field and the button is clicked nothing happens.

weather-app-intro

(UI when the app is loaded and nothing is still typed.)

After a city name is searched the data gets displayed on the screen or

weather-app-preview

if the name is wrong only error message is displayed.

weather-app-error

For the Fetch data I used https://openweathermap.org/ Website. Thanks to their service I use real-time data on my project.

~Last update: 25.04.2023

About

Real time weather app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published