Skip to content

A simple react app that returns weather information of your favourite city.

Notifications You must be signed in to change notification settings

Nazarah/weather-app-byacat

Repository files navigation

weather-app-byacat

App Preview

This is my first React application which I created as a beginner in learning React framework.

This application takes a valid city name and associate ISO 3166 Country Code as inputs and produces the following weather updates:

Location: city, country-code

Temperature: in celcius,

Condition: Clear, Mist, etc.,

Humidity: relative value in percentage,

Wind: speed in kilometer per hour, direction in degree

Weather Updates

On leaving any field empty, the app returns the following alert message: "Please enter name of the City and Country."

Alert Text

I referred to this YouTube Tutorial to start learning react. I used the following API to retrieve weather Data: Open Weather Map

The CSS and the background image have been customized by me. I used the GitCat as the mascot of the app.

Copyright for the GitCat logo: GitHub

Usage

Clone the repository and run the app in http://localhost:3000/

Next Update

I will create provision for user account, where a user will be able to save favorite city and can check weather conditions for multiple cities at a glance.

Thanks for taking interest in my project. Please feel free to add improvement suggestions, bug or usability problems as issues in this repository

About

A simple react app that returns weather information of your favourite city.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published