Finish code for weather app: JavaScript, CSS, html
- or -
Post a project like this2885
$$
- Posted:
- Proposals: 2
- Remote
- #1140278
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: 1 day or less
I was wondering if you could help me complete this project. I could send you what I have so far but it needs to meet all the functionalities listed below (this should be easy I just couldn't figure it out on my own):
Uses Yahoo weather API with JSON (which I did for you and I can send that)
you should find that a Javascript object containing the current Davis weather will get dumped to the console (it just says "Object"). Your next job should be to figure out how to get the relevant data you will need out of the object into separate variables, for instance temperature, chance of precipitation, and conditions (cloudy, sunny, etc). I have this JavaScript working, however it doesn't print on page yet.
Please organize your program into these three pieces:
An object called "model" containing the current JSON data object from Yahoo and whatever other data about the weather you want to store,
An object called "view" with lots of methods to display the original Web page and change it as necessary, and
A section containing server callback and UI onclick (and other) functions. If you want, you can group these together into an object called "control", but just putting them together at the bottom of the file also would be OK.
I'd also prefer the design to be responsive you could potentially use the @media CSS media query syntax to specify different styles for narrow and wide windows
Lastly to summarize:
Make your Web page closely match one of the designer's designs (or change it, but explain why your design is better).
Put all your code other than callback and onclick functions into objects. Use a "view" and a "model" object (or explain your different design in the README).
The app should default to Davis weather, but allow users to select other places, with a text box, by name or zip code, and display their weather instead.
The app should display current conditions, including temperature and conditions and possibly other info available in the JSON data, and also the five-day forecast (not necessarily all at once).
Extra credit - Use media queries to give two distinct display styles for your Web page, one for small screens and one for large.
Please stick to pure Javascript and CSS, no Angular, JQuery, Bootstrap, etc.
Uses Yahoo weather API with JSON (which I did for you and I can send that)
you should find that a Javascript object containing the current Davis weather will get dumped to the console (it just says "Object"). Your next job should be to figure out how to get the relevant data you will need out of the object into separate variables, for instance temperature, chance of precipitation, and conditions (cloudy, sunny, etc). I have this JavaScript working, however it doesn't print on page yet.
Please organize your program into these three pieces:
An object called "model" containing the current JSON data object from Yahoo and whatever other data about the weather you want to store,
An object called "view" with lots of methods to display the original Web page and change it as necessary, and
A section containing server callback and UI onclick (and other) functions. If you want, you can group these together into an object called "control", but just putting them together at the bottom of the file also would be OK.
I'd also prefer the design to be responsive you could potentially use the @media CSS media query syntax to specify different styles for narrow and wide windows
Lastly to summarize:
Make your Web page closely match one of the designer's designs (or change it, but explain why your design is better).
Put all your code other than callback and onclick functions into objects. Use a "view" and a "model" object (or explain your different design in the README).
The app should default to Davis weather, but allow users to select other places, with a text box, by name or zip code, and display their weather instead.
The app should display current conditions, including temperature and conditions and possibly other info available in the JSON data, and also the five-day forecast (not necessarily all at once).
Extra credit - Use media queries to give two distinct display styles for your Web page, one for small screens and one for large.
Please stick to pure Javascript and CSS, no Angular, JQuery, Bootstrap, etc.
Perry Elizabeth C.
0% (0)Projects Completed
1
Freelancers worked with
1
Projects awarded
25%
Last project
16 May 2016
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies