Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/karamanburak/weather-app

🌤️ In this project you can find out the weather forecast for any place and location you want
https://github.com/karamanburak/weather-app

css html javascript

Last synced: 2 days ago
JSON representation

🌤️ In this project you can find out the weather forecast for any place and location you want

Awesome Lists containing this project

README

        

# weather-app
- Weather App

## Description

This project is a simple weather application. The project is developed with JavaScript. The project aims to access the instant weather of a searched city or province. At the same time, with the location information, the current weather conditions of the current region can be accessed. It can be used in English, German and Turkish. The `OpenWeather API` was used to develop this project.

## Project Skeleton

```
Shopping Cart (folder)
|
SOLUTION
├── assets
│ └── [images]
├── weather-page
│ ├── clock.js
│ ├── weather.css
│ ├── weather.html
│ └── weather.js
├── app.js
├── index.html
├── README.md
└── style.css

```

## Outcome

![Project Snapshot](./assets/img/project.gif)

User story;

- User can search city around the world.
- The app can fetch api with the searched city name(... and apikey if it is obligatory).
- User can display weather data of searched city in weather card.
- User can display list of searched city weather data card like on gif.
- If new searched city is in the weather data list, app can display a warning text to user on page.

🔥 You can use [OpenWeather Api](https://openweathermap.org/) for your app.