Opensource Weather Calendar Widget Development
$250-750 USD
货到付款
We have a weather API that provides past and future weather via a simple URL-based API. We would like a developer to create an opensource weather calendar widget for us using our API. You would be writing the widget using our API and the technologies described below. We would then host the widget on our own webpage as well as make the source code available via GitHub for others to use.
Key requirements for this project include:
- Proficiency in JavaScript – since this is the preferred programming language for this task.
- Previous experience in widget development – to ensure an understanding of best practices and standards.
- Experience with APIs – as we'll need to integrate with our weather API.
Your role will be to construct the widget from scratch, but I'm open to discussions and suggestions regarding the design and functionality.
Usage Overview:
- The weather calendar widget would be available via web and mobile. On web, it would look like a standard calendar while on mobile the days would be stacked vertically depending on the screen space available. (Also, on mobile, the days should likely start with the current date and not show any history to make use easier.)
- In web view the calendar would always show three weeks of data in a grid. Days in the current week that have already passed would have a grayed background and be filled with weather history while future days would show forecast through the end of the standard 15-day forecast.
- Each cell would show the weather conditions icon (provided by our API) and the value for the weather element being thresholded upon. (Temperate would show both min and max.)
- The current day would be highlighted in some way.
- The user could use a control at the top to change the thresholding between temperature, precipitation, and wind.
- Thresholding would change the background color of the appropriate days’ cells based on a simple, hardcoded formula. For example, below 32 F = blue, 32-50 = green, 50-70 = yellow, 70-90 = orange, 90+ = red. Rain and wind would likely have fewer levels, perhaps only low/none, medium, and high.
- The user could change the current location by clicking on the current location value at the top and entering a new one. In that case, the widget would pass the new location to our API, and it would return the matching weather data. The calendar widget would then repopulate itself.
Technical Requirements:
- The widget would use our weather API ([login to view URL]), and we would provide full developer access to you.
- The widget would be standalone and JavaScript-based such that it can be copied onto any web site.
- The date range, API Key etc. should be easily configurable as part of the widget code, for example by passing the widget a JSON snippet.
- Data loading should be separated in the code from the UI rendering so that the initialization code can pass a result JSON directly in our standard format and the widget would render those results.
- JavaScript and CSS must not conflict with any other CSS on a page such as bootstrap.
- The widget should be able to show both metric and imperial units. The thresholding must not change when switching.
- The widget should support mobile, tablet, and desktop views via responsive formatting.
Mockup:
Attached is a very primitive mockup of a possible UI for the web widget. The first two days (Sunday, Jan 15 and Monday, Jan 15) have a gray background because they show historical data. The current day in this mockup is Tuesday, Jan 15, and it is highlighted. The remainder of the days show weather forecast data with a weather icon and the temperature. For the sake of this mockup, Thursday, Jan 18 is shown with an example threshold background color. In the real widget, all backgrounds would be color coded based on the threshold selected. Since the 15-day forecast ends on Jan 30, the remainder of that week is not shown.
In a portrait mobile interface, the days would be stacked vertically instead of in rows, and they would start with the current day, Tuesday, Jan 16.
This is obviously only a very primitive mockup to show the intent. This is NOT the final desired user interface. The intent is simply to show how the pieces work together. The details of the UI, coloration, and presentation will be decided by the person who writes the widget.
项目ID： #37670847
关于项目
授予：
Hello, We're excited about creating a unique, open-source weather calendar widget tailored to your needs, utilizing your API and the specified technologies. We'll integrate seamlessly with your weather API to create 更多
有90名威客正在参与此工作的竞标，均价$535/小时
Hi Good afternoon , I have read the brief details on your job listing . I see you have been looking for someone experienced with CSS, HTML5, JavaScript and HTML. Its been 8 years since I have been working on freelancer 更多
Hello, Hope you are doing great, I believe I am the perfect candidate for your Opensource Weather Calendar Widget Development project. I possess the strong technical acumen in JavaScript, HTML, CSS and HTML5 required f 更多
Hello Employer, Hope you're doing well! I'm an expert having 11+ years of vast and proven experience in PHP, MYSQL, HTML, JAVASCRIPT, HTML5, CSS and many other. I request you to reply, so that I can discuss about you 更多
Hello Greetings, After going through your project description, I feel confident and excited to work on this project for you. But I have some crucial things and queries to clear out. Can you please leave a message on 更多
" I am a Senior Web & Mobile App developer and ready to get started " Hello, Greetings of the Day! Yes, I will surely develop an Opensource Weather Calendar Widget, and I am ready to work on this project. I worke 更多
Hi, I'm happy to discuss this project so we can clear up all the flow for you to get started as soon as possible. Thanks
Hi, We are excited about the opportunity to contribute to this project and meet your specific requirements. Our team possesses the necessary skills and experience to deliver a high-quality, user-friendly widget that 更多
As an experienced web developer, I believe I am the perfect match for your Weather Calendar Widget project. With over 10 years of hands-on experience with JavaScript and ample experience in widget development, I can gr 更多
Hello! ? As a seasoned web developer with expertise in HTML, CSS, HTML5, and JavaScript, I have the technical know-how to tackle your open-source weather calendar widget project head-on. Having constructed numerous wid 更多
Hi Revered, As an experienced web developer, specializing in the creation of stunning dynamic websites and mobile applications, I believe I would be a great fit for your project. I have a strong proficiency in JavaScri 更多
" Opensource Weather Calendar Widget Development " sir i read your project brief and I will do your project Please review my similar portfolio https://www.freelancer.com/u/nabeelawais83 My Experience in this fi 更多
Dear Sam H., I hope this message finds you well. I have carefully reviewed the project requirements for the Opensource Weather Calendar Widget Development and I am confident that I possess the necessary skills and exp 更多
