Giter VIP home page Giter VIP logo

ballard-weather-api-dashboard's Introduction

Ballard-Weather-API-Dashboard

Visit the site: https://jayballa7.github.io/Ballard-Weather-API-Dashboard/

Image

Table of contents

  • #general-info
  • #technologies
  • #features
  • #status
  • #inspiration
  • #contact

General info

My goal with this project was to create a weather dashboard by using the OpenWeather API.

Technologies

  • Visual Studio Code
  • Github
  • Git Bash
  • Bootstrap
  • Jquery
  • Ajax
  • OpenWeather API

Features

List of features ready:

  • User can search for a city. The page will automatically populate with the city's current weather and 5 day forecast.
  • The cities the user searched for will be stored in local storage and displayed in the left column.
  • When the page is refreshed, the weather for the last city the user searched for populates.
  • The current weather displays the city, date, weather icon, temperature, humidity, wind speed, and UV Index.
  • The 5 day forecast displays the day, weather icon, temperature and humidity.
  • HTML and CSS dynamically created using Jquery.
  • Responsive design using Bootstrap and media queries.

Status

  • Page can use further styling to accomodate different screens.
  • Issue with using API to get the UV Index (sometimes there is an error saying the value is undefined, therefore the current weather does not populate).

Inspiration

A credit to my tutor for helping me figure out how to implement local storage and modularize my code.

Contact

Created by Jennifer Ballard (@jayballa7).

ballard-weather-api-dashboard's People

Contributors

jayballa7 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

ballard-weather-api-dashboard's Issues

Hide App ID (API key) in your repository

Hi Jayballa,

I noticed that you are hard-inputting your API key in the source code of your dashboard.
For security measures, I invite you to remove the API key from the public repo, and create a private one where you host your demo app there.

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.