weather

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 16 Open GitHub ↗

A Basic weather website deployed in vercel that uses javascript, HTML, CSS, Ajax, jQuery for Frontend.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Weather app

A Basic Weather searching website made with
 * HTML5
 * CSS3 
* JavaScript (jQuery) Ajax
* SVG backgrounds 
* Data from https://open-meteo.com/ (API)
* Deployment in vercel.
[The Deployed site, check it out.](bit.ly/weather-searcher)

## Installation

Just clone it to your local directory.

```bash
git clone https://github.com/Rishi-Sudhakar/weather.git
```

Now, you can just double click on the HTML file to run it locally in your device. If you just want to try it out, click on the [link.](bit.ly/weather-searcher)

## Some Screenshots

![Screenshot 2024-06-08 at 9 19 59 PM](https://github.com/Rishi-Sudhakar/weather/assets/79398572/2b9f3e38-92bf-4532-93b6-c6002ee8d04a)

![Screenshot 2024-06-08 at 9 20 41 PM](https://github.com/Rishi-Sudhakar/weather/assets/79398572/6f707434-ce7a-48f0-8841-12e22adee7c8)

![Screenshot 2024-06-08 at 9 21 11 PM](https://github.com/Rishi-Sudhakar/weather/assets/79398572/ae867b2c-03a9-4d43-965f-ac11cc19a579)

## Acknowledgments

I would like to extend my sincere gratitude to the following resources and individuals:

- [Open Meteo](https://open-meteo.com/) for providing the free API used in this project to fetch accurate weather data.
- [BGJar](https://bgjar.com/) for providing high-quality free SVG images used for dynamic background animations in the web application.

## Easter?!

Small details you might not notice.

* **SVG Backgrounds** : If you look well, you might notice that the background changes based on cities with respect to their temperatures. It's just two for now (less than 30 degrees = Snow, More than 30 degrees = Cloudy), Expecting to add more in the future.
* **Known issue** : World map svg is supposed to be the default background but the webpage just refreshes so soon moving it to the animated background.

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

weather

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README