Coder Social home page Coder Social logo

sahiljanbandhu / weather-dashboard Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 5.0 115 KB

Weather Dashboard is based on JavaScript

Home Page: https://weatherdashboards.netlify.app/

License: GNU General Public License v3.0

HTML 45.60% JavaScript 51.75% CSS 2.66%
weather weather-app weather-api weather-dashboard weather-dashboard-application weather-data javascript weather-js

weather-dashboard's Introduction

Weather-Dashboard

Description

Weather-Dashboard is an application to find a weather condition of a given city both the current and 5-Days forecast at the same time. The server-side API used to get response data object is retrieved from the Open Weather APi. The current weather section is including the following weather characters and date.

  • City, Date, Icon-image
  • Temperature
  • Humidity
  • Wind Speed
  • UV index

The 5-days weather forecast also displays below the current weather conditions section and it includes the following information for each day:

  • Date
  • Icon image
  • Temperature
  • Humidity

The local storage is used here to store the previous search city and display them to the user in the left side of the page under the list group. The user can also clear the search history by clicking the clear history button. If the user wants to see the past search city weather condition again, just click the list group item cities under the clear history button.

Check out live site WeatherDashboard Check another live site Host by Github

Screenshots:

  1. Run file index.html

Capture

  1. Enter any city

Capt1ure

Developed by: Sahil Janbandhu

weather-dashboard's People

Contributors

sahiljanbandhu avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.