Code Monkey home page Code Monkey logo

5-day-forecast's Introduction

5 Day Weather Forecast

🢩 Lauch Live Site Here 🢨

Description

A Weather app for searching cities by name and it will grab the local weather for that city through an API (5 Day Weather Forecast)

Then dynamically save the data for the city in localStorage. so that the searched cities can be loaded back up when a user reloads or comes back.

Installation

Fork or Clone this repository on your local machine and open it up with your browser however you decide.

Usage

When You first Enter The Site You will be Greeted with an empty page with one search field and one search button for the input.

New Home Page

You can now either navigate to the input field with tab or mouse and enter in your desired City.

City Input

Same as before by navigating to the search button and you can search your city for the weather to be displayed

It may take a second. But not to long if it has their was probably an error within the api call you can just try again.

but on a successfull search you should get a new button bellow the search bar and the main panel

Successfull API

You can search for as many Cities as you'd like but it will prevent you from searching the same city twice and empty input's.

Also after The City is searched it is saved in localStorage for the user so that it will be persistent on page load and re-visits.

License

Refer to the LICENSE file within the root directory

5-day-forecast's People

Contributors

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