Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prakhar-002/weatherio-the-weather-app
Explore WEATHERIO,⛈️ your go-to repository for weather data!⛅ stay ahead of the forecast with real-time ⏳ weather information. From current conditions to extended forecasts 🌡️, rain ☔ or shine 🌞.
https://github.com/prakhar-002/weatherio-the-weather-app
api html-css-javascript netlify project webdevelopment website
Last synced: 17 days ago
JSON representation
Explore WEATHERIO,⛈️ your go-to repository for weather data!⛅ stay ahead of the forecast with real-time ⏳ weather information. From current conditions to extended forecasts 🌡️, rain ☔ or shine 🌞.
- Host: GitHub
- URL: https://github.com/prakhar-002/weatherio-the-weather-app
- Owner: Prakhar-002
- Created: 2024-02-17T05:30:35.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T10:22:09.000Z (7 months ago)
- Last Synced: 2024-06-15T11:35:54.959Z (7 months ago)
- Topics: api, html-css-javascript, netlify, project, webdevelopment, website
- Language: JavaScript
- Homepage: https://weather-with-prakhar.netlify.app/
- Size: 313 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App ☁️🌡️
Weathrio is a simple and intuitive weather website that provides `up-to-date weather information` for locations worldwide. With clean design and easy navigation, users can `quickly access current weather `conditions, hourly forecasts, and `extended forecasts for any location` they choose.
# Screenshots 🎉
# 💻 Tech Stack 🎗️
  
## Features 🥳
- `Current Weather` ➤ Get real-time weather updates including `temperature, humidity, wind speed, and more for any city or town`.
- `Hourly Forecast` ➤ Plan your day with `hour-by-hour weather forecasts` to stay prepared for changing weather conditions.
- `Extended Forecast` ➤ Check the` weather outlook for the next 7 days`.
- `Search Functionality` ➤ Easily **search for weather information by city name** with `autocomplete suggestions for quicker access`.
- `Responsive Design` ➤ Enjoy a seamless experience across devices, from desktops to smartphones, with our responsive website layout.
## Deployment 🚀
To To run weathrio locally, run this command on your git bash and **`Go to api.js file || Create your api_key and paste there`**
`For window`
```bash
git clone https://github.com/Prakhar-002/Weatherio-The-weather-app.git
```
`For Linux and macOS`
```bash
sudo git clone https://github.com/Prakhar-002/Weatherio-The-weather-app.git
```
## API Reference --> Open Weather API 🧩
### Default API 🤔
```JAVASCRIPT
GET --> https://api.openweathermap.org/ == Default
```
| Parameter | Type | My api_key |
| :-------- | :------- | :------------------------- |
| `appid` | `string` | **3186990c0f25f45a3a6cc958537c2b50**|
---
### Requires || Optional Parameters
| Parameter | Type | Example | Description |
| :-------- | :------- | :-------------------------------- | :-------------------------------- |
| `lat` `Requires` | `number` | **28.6517178** |**Latitude Of your city** |
| `lon` `Requires` | `number` | **77.2219388** | **Longitude of your city** |
| `q` `Requires` | `string` | **delhi** | **City name** |
| `limit` `optional` | `number` | **5** | **NUmber of data** |
| `units` `optional` | `string` | **matrix** | **Units of measurement** |
---
### API for **Current Weather** --> 🌡️
```JAVASCRIPT
GET --> {Default}data/2.5/weather?lat=${}&lon=${}&units=metric&appid=${api_key}
```
---
### API for **Forecast** --> 🕛
```JAVASCRIPT
GET --> {Default}data/2.5/forecast?lat=${}&lon=${}&units=metric&appid=${api_key}
```
---
### API for **Air Pollution** --> 👻
```JAVASCRIPT
GET --> {Default}data/2.5/air_pollution?lat=${}&lon=${}&appid=${api_key}
```
---
### API for **Reverse Geo** --> 🌐
```JAVASCRIPT
GET --> {Default}geo/1.0/reverse?lat=${}&lon=${}&limit=5&appid=${api_key}
```
---
### API for **Geo** --> 🌍
```JAVASCRIPT
GET --> {Default}geo/1.0/direct?q=${query}&limit=5&appid=${api_key}
```
---