Coder Social home page Coder Social logo

gooda97 / weather-inquery-website Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 4 KB

Weather inquiry web app that allow you to search by the zip code or the city name to get the current temperature, the minimum and the maximum temperature and the description of the weather. Also you can add your description to the weather which will be displayed.

JavaScript 58.67% HTML 18.78% CSS 22.55%

weather-inquery-website's Introduction

Weather Journal App Project

Table of Contents

  • The project file contains a file server.js that contains the server side code.
  • The project file also contains "mySite" folder that contains:
    • app.js file that handles the communication with the API and getting the required data and control the changes in the page apperance.
    • index.html file that contains the structure of the web page.
    • style.css file that styles the page elements as required.

Usage policy

  • You can enter the zip code of the city you want to get the weather (This works only for US, because we didn't add the country code for simplicity)
  • You can also write the city name instead of the zip code.
  • You won't be able to use both the zip code and the city name.
  • You won't be able to use the submit button when the fields of city name and zip code are empty.
  • In the case of entering the zip code or the city name uncorrectly , there will be no response on the page.
  • You can enter your description about the weather in the specified input element (if you want to).
  • If you want to clear the results you can click on the x button on the top right of the result area.

Received data

  • The received data will be:
    • The city name.
    • The current temprature.
    • The minimum temprature along the day.
    • The maximum temprature along the day.
    • The weather description according to the API.
    • The description you entered will also appear.

weather-inquery-website's People

Contributors

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