https://github.com/henrylin03/whats-the-weather

find out the weather anywhere around the world
https://github.com/henrylin03/whats-the-weather

javascript odin-project weather weather-api weather-app webpack

Last synced: 18 days ago
JSON representation

find out the weather anywhere around the world

• Host: GitHub
• URL: https://github.com/henrylin03/whats-the-weather
• Owner: henrylin03
• License: mit
• Created: 2024-06-19T07:29:29.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-08-02T00:13:13.000Z (6 months ago)
• Last Synced: 2024-11-14T18:19:14.805Z (3 months ago)
• Topics: javascript, odin-project, weather, weather-api, weather-app, webpack
• Language: JavaScript
• Homepage: http://henrylin.io/whats-the-weather/
• Size: 1.91 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


[![Issues][issues-shield]][issues-url]

[![MIT License][license-shield]][license-url]

[![LinkedIn][linkedin-shield]][linkedin-url]






  

    

  


WhatsTheWeather



  


    Vanilla JavaScript web app to tell you the weather

    


    


    View demo

    ·

    Add issue

  



## About

Search any city across the world to view its weather conditions for now, today, tomorrow and the day after tomorrow.

[![Screenshot](./docs/screenshot.png)](https://henrylin.io/whats-the-weather/)

WhatsTheWeather calls the [Weather API](https://www.weatherapi.com/)'s "Realtime", "Forecast" and "Search/Autocomplete" APIs.

### Built with

![HTML](https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=black)

![CSS](https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=html5&logoColor=black)

![JavaScript](https://img.shields.io/badge/Vanilla-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

[![Webpack](https://img.shields.io/badge/Webpack-8DD6F9?style=for-the-badge&logo=webpack&logoColor=black)](https://webpack.js.org/)

(back to top)


## Contributing

If you have a suggestion that would make WhatsTheWeather better, please feel free to [add an issue](https://github.com/henrylin03/whats-the-weather/issues/new) and/or fork and create a pull request.

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## Acknowledgements

- Weather information returned from calling [Weather API](https://www.weatherapi.com/)'s various APIs

- Wireframed using [draw.io](https://app.diagrams.net/)

- Weather condition icons by [Bas.dev](https://github.com/basmilius/weather-icons)

- Non-weather-condition icons from [Tabler](https://tabler.io/icons)

- [Convert CSV to JSON](https://www.convertcsv.com/csv-to-json.htm) to convert CSVs that map weather condition codes to custom weather condition icons, into JSON format

- Colour palette suggestions by [Coolors](https://coolors.co/)

- The present README file was heavily influenced by the ["Best-README-Template"](https://github.com/othneildrew/Best-README-Template)

- Favicon was generated by [favicon.io](https://favicon.io)

(back to top)


[issues-shield]: https://img.shields.io/github/issues/henrylin03/whats-the-weather.svg?style=for-the-badge

[issues-url]: https://github.com/henrylin03/whats-the-weather/issues

[license-shield]: https://img.shields.io/github/license/henrylin03/whats-the-weather.svg?style=for-the-badge

[license-url]: https://github.com/henrylin03/whats-the-weather/blob/main/LICENSE

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://www.linkedin.com/in/henrylin03/