Build a responsive weather webapp using Angular2/Angular5
$50-60 USD
Paid on delivery
Build Responsive Weather WebApp:
The header and the footer Widget should Include the following:
• The current weather condition(image) and temperature for the location selected by the user in degrees (Fahrenheit)
• The name of the current location
• Should allow the user to input their location via by zip or location(i.e city, state name)
◦ The widget in the content area should feature the following
• The name of the current location
• A large display area of the current Temp and current days forecasted details(i.e. large image.
• Weather Details for multiple days (i.e. 2 to 7 day forecast) under the Current days details.
• Should be reduced to display only the current day's weather data when viewed on phone screen/resolution vs a desktop screen/resolution.
• Now make it look nice. You can use CSS
◦ Weather Details for the daily forecast and current weather display must include the the following.
• High / Low temperature
• Weather conditions(Image)
• Wind
• Humidity
• UV Index
◦ The Functionality should include the following.
• Users must be able to input a location using zip and or location in any of the locations of the widget(header, footer, and or content area)
• Display auto suggestions as users type in their location. Users should be able to select from this list.
• Users should be able to repeatedly put in different locations and see the widget change in the content area as well as the header with the corresponding details
API being used is weather API .
REQUIRED
MUST have the followings skills:
Angular 2-4 - - Must have advanced knowledge of Angular 2/4, TypeScript and Javscript
TypeScript
Javascript
HTML5
CSS3
Node.js
Angular Material
Bootstrap
Must be able o prove coding skills and show past angular 2-4 projects to qualify.
Must be able write clean reusable code and must be well documented.
The completed project must be free of any bugs and issues and should work in all modern browser, tablets and mobile.
Must be able to show and code using API
Must have excellent coding skills
Must have skype and Teamviewer
NO THIRD PARTY.
NOTE: This is a very small webapp and I am expecting a very quick turn around
You will be using the PUBLIC acuweather API
API list
Here are the details you will need
ALL the API list can be found in the following link( you will only use few of the APIs) https://developer.accuweather.com/accuweather-forecast-api/apis
-https://developer.accuweather.com/user/me/apps
Use this API for Autocomplete City Search - https://developer.accuweather.com/accuweather-locations-api/apis/get/locations/v1/cities/autocomplete
City Search = https://developer.accuweather.com/accuweather-locations-api/apis/get/locations/v1/cities/search
1 DAY Forcast - https://developer.accuweather.com/accuweather-forecast-api/apis/get/forecasts/v1/daily/1day/%7BlocationKey%7D
10 DAY FORECAST - https://developer.accuweather.com/accuweather-forecast-api/apis/get/forecasts/v1/daily/10day/%7BlocationKey%7D
POSTAL CODE SEARCH - https://developer.accuweather.com/accuweather-locations-api/apis/get/locations/v1/postalcodes/search
Project ID: #16648423
About the project
15 freelancers are bidding on average $108 for this job
Hi there I already have worked with Weather App with IONIC. I can build this one for you in Angular. Looking forward to working with you. Thanks Rinsad
Hello, How are you? I am very interested in your project. I have read your description, and I felt I could help your works better than others. My skills correspond to your requirements perfectly. I have rich experi More
Hi, I am working as full stack developer for more than 5 years. I had build several weather apps previously in Ionic. I can quickly provide the project. I am available and can start immediately. Thanks