This weather forecast site uses weather OpenWeatherMap.org API to get weather data for cities worldwide. By entering the name of the location, users get the current weather data.
Temperature is displayed in Celsius by default, but it can be changed to Fahrenheit (and back) by clicking on F/C letters next to the current temperature.
The design is basic and responsive. There are different backgrounds for some weather conditions.
Javascript Bootstrap CSS Webpack
Get the link to the repository.
Clone it as git clone https://github.com/1v4n4/weather-app.git
.
Install dependencies with npm install
.
Run npm run build
in Terminal to build the assets using webpack.
Run npm run start
in Terminal to start the server and look at the result in localhost:8080.
An API key is necessary for using OpenWeatherMap data that can be obtained at the Open Weather's website, after registration. That key must be added at the end of an URL request for fetching API's data. Basic data packages are free. More information can be found here https://openweathermap.org/current
.
However, this app has API key build in, and it can be used without any credentials.
Ivana Novaković-Leković
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
The pictures for this project are taken from the website unsplash.com, and the weather data are from Open Weather API.
MIT
Give a ⭐️ if you like this project!