A weather app that shows weather data by city.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
This is a weather app that shows temperatures (current, feels like, min, max), cloudiness (%), and wind speed (m/s) by city name. The city name is obtained from form input. This app consumes OpenWeather API in the JSON
format to show weather data.
Data points consumed:
- City name
- Country code
- Weather description
- Weather icon
- Current temperature
- Feels like temperature
- Minimum temperature
- Maximum temperature
- Cloudiness
- Wind speed
- Material Design Lite
- OpenWeatherMap
- Webpack
- ES6
Deployed to Raw Githack - live demo.
To get a local copy up and running follow these simple steps.
-
npm
npm install npm@latest -g
-
Clone the repo
git clone https://github.com/tirthajyoti-ghosh/weather-app.git
-
Install NPM packages
npm install
-
Start local server
npm run dev
-
Visit
http://localhost:8080/
in your browser.OR
Navigate to the
/dist
folder and open theindex.html
in your browser.
- Enter the city name and press the
Enter
key. - Weather data is displayed here.
- These are buttons to convert the temperature in their respective units.
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
Tirthajyoti Ghosh - @terrific_ghosh - itirthahere@gmail.com
Project Link: https://github.com/tirthajyoti-ghosh/weather-app
- OpenWeatherMap
- README Icon made by Freepik from www.flaticon.com
- Img Shields
- Font Awesome
- Material Design Lite