Giter VIP home page Giter VIP logo

weather-dashboard's Introduction

Weather Dashboard

License: MIT

Description

I started this project from scratch, there were no starter files or snippets of code to use. I initally started with the html file, making sure that I linked jquery, bootstrap, and my javascript file to it. I then started to make the general shape of the website using rows and columns. I then started to make all of the necessary ids that my javascript would need to add dynamic buttons and information. Once done, I went into the javascript and got the api key so that I would be able to get the information over. I started with a event listener next for clicking on the search button so that when they searched a city it would know to take that value. Then run that value to the api to query for information regarding it, which, I would then pick through and pull the pertanant information over to my weather dashboard and attach to the predesignated tags with ids in my html document. Once I had the current day forcast listed, I shifted to the five day forcast which involved using a different query to obtain information over a longer time period. I did the same with the second set of information and sifted through it to obtain the information I needed and then attach it to the correct places in my html. Next was to start on my search history, I created a function to look through and array of values that were pushed into the array once the user searched a city. This allowed me to list buttons to the side that the user can click on to look again at their previous searches.

Table of Contents

Installation

Simply navigate to the webpage to use the application.

Usage

It allows the user to look up a forecast for any city in the US.

License

License: MIT

Contributors

Myself

Tests

N/A

Questions

Screenshot (73)

weather-dashboard's People

Contributors

carrpw 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.