https://github.com/leoelicos/clima

Weather Data Visualization
https://github.com/leoelicos/clima

openweatherapi svg-animations

Last synced: about 1 month ago
JSON representation

Weather Data Visualization

• Host: GitHub
• URL: https://github.com/leoelicos/clima
• Owner: leoelicos
• License: mit
• Created: 2022-03-26T12:56:21.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-04-06T16:21:52.000Z (about 3 years ago)
• Last Synced: 2025-03-22T11:48:27.647Z (about 1 year ago)
• Topics: openweatherapi, svg-animations
• Language: JavaScript
• Homepage: https://leoelicos.github.io/clima/
• Size: 1020 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Clima

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

## Introduction

This easy-to-use dashboard allows the user to search for any city they want and get instant results for temperature, wind speed, UV index and humidity. This app solves the problem of getting useful information quickly about any city. I made this app to learn about Server-side APIs, and I used OpenWeather API in this project to search their database with the queried city. I also learned how to generate an SVG dynamically and also make it responsive to the width of the viewport.

## Usage

Deployed: [Clima](https://leoelicos.github.io/clima/). Will run on a browser.

## Screenshots

### Mobile devices

![Clima Deployed Small Screen](./assets/images/ssnarrow.jpg)

### Large screens

![Clima Deployed Large Screen](./assets/images/sswide.jpg)

## Credits

- BCS Resources

- normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css

## License

© Leo Wong 

Licensed under the [MIT License](./LICENSE).