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

https://github.com/cornelber/weather-js


https://github.com/cornelber/weather-js

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# Project Weather App ⛅
![GitHub top language](https://img.shields.io/github/languages/top/cornelber/project-weather-js?color=FFEE62&style=for-the-badge)
![GitHub language count](https://img.shields.io/github/languages/count/cornelber/project-weather-js?color=FFEE62&style=for-the-badge)
![GitHub repo size](https://img.shields.io/github/repo-size/cornelber/project-weather-js?color=FFEE62&style=for-the-badge)
[![Netlify Status](https://api.netlify.com/api/v1/badges/5e508ec1-ed55-4994-b7d1-487ddd8eb5b7/deploy-status)](https://app.netlify.com/sites/bc-project-weather-js/deploys)

The Weather App project is a project within the **Web Development** course from **ITSchool**, which as a functionality aims to show the weather forecast, the current weather and others using the [OpenWeather](https://openweathermap.org/) API for the city selected by the visitor.

**[Demo Live !](https://bc-project-weather-js.netlify.app/)** 👈

## Table of contents
* About
* Features
* Languages and Tools

## About
At the end of the Javascript chapter during the **Web Development** course at **ITSchool** I had to do a weather project using free API from [OpenWeather](https://openweathermap.org/) ⛅.

The application is simple, the basic features that need to be included is to display the current weather along with the five day forecast. The visitor can choose his city by a dropdown with predefined variants.

The API I used was the free plan of the [open weather map](https://openweathermap.org/price), with a limit of 60 calls per minute and 1,000,000 calls per month.

You can see the demo [here](https://bc-project-weather-js.netlify.app/) 👈

## Freatures

* Show current weather
* Show 5 day / 3 hour forecast data
* Save last search in local/session storage
* Scroll to top button
* Responsive app

## Languages and Tools

* Javascript ES6
* HTML5 & CSS
* [Bootstrap](https://getbootstrap.com/)


👉 Made by cornelber
👆 Back to top