WhenHub has built a platform to make it easy for anyone to visualize time-related information in interesting, interactive and engaging ways. Our platform lets you create a schedule of events that have rich media. You can then combine the schedule with a visualization (code) to create an interactive Whencast that allows users to interact with the schedule in novel ways. This interactive Whencast can be published on WhenHub.com, or it can be embedded on any website, including Facebook, just like you would a YouTube video.
For this Hackathon, we invite creative Coders and Designers to come up with new ways to visualize time-based information, or use our RESTful API to create new and innovative web or mobile apps.
Front-end coders: Using our platform and development tools, you can apply your knowledge of HTML, Javascript and CSS, to create a beautiful visualization that seamlessly integrates time, photos, videos, and maps to create an amazing user experience. Submit your entry in the Best Visualization (Code) category.
Back-end coders: Using the WhenHub API, you can build a web or mobile app that stores, enumerates and displays time-based information in new an innovative ways. Our API makes it easy to programmatically create and manipulate schedules, events and related media. Submit your entry in the Best Use of WhenHub API category.
We invite you to use your graphic and interaction design skills to create a mock prototype of a beautiful visualization that uses time, photos, videos and maps to create a mind-blowing user experience. Submit your entry in the Best Visualization (Design) category.
Hackathon Organizer
Promotional Partners
Requirements
The WhenHub Hackathon consists of three categories. Hackathon contestants may submit up to three entries in each of the three categories. This gives you a total of nine possible opportunities to win a prize. While this is theoretically possible, and the rules allow it, keep in mind that quality beats quantity. You may wish to put in more effort into creating one, high-quality entry for the category that best matches your skills. Also note, you cannot submit the same or similar entries in multiple categories; each entry you submit must be distinct and different from any other entries you submit.
Entries in this category consist of a visualization developed with HTML, Javascript and CSS. You can use any frameworks and libraries of your choice. You can write code using any IDE of your choice. However, your submission must be hosted in a public GitHub repository and work with WhenHub Composer, our developer platform for previewing and publishing visualizations.
To get started, visit WhenHub Composer at:
https://composer.whenhub.com
Follow the instructions on the site to build your visualization with the template we have provided. (Note: A free account on GitHub is required in order to use WhenHub Composer.)
For documentation and guides, visit our Developer Portal at:
https://developer.whenhub.com
There you will find complete details on how to build a visualization for the WhenHub platform.
Entries in this category consist of interactive visualization designs created using the Marvel prototyping platform. You don't need to write any code, but you do need to create two mock visualizations which are viewable using Marvel and with which a user can interact to see your design for various states (or views) of the visualizations. For example, your first view might show event information grouped by year. Clicking on a year, might reveal how the events for a year might be displayed. Then, clicking on an event, might reveal all the content for that event.
Your entry must depict the visualization for both desktop and mobile browsers (that is, you must build two prototypes).
Since visualizations are developed using HTML, Javascript and CSS, we expect that you will create an interaction design that can be implemented using these technologies. For example, if you include elements in your mobile design that are only possible using native mobile operating system elements, your entry would not be acceptable.
To start designing your visualization prototypes for desktop and mobile, visit:
https://marvelapp.com
Entries in this category will use the WhenHub API to either extend an existing web or mobile app, or as the sole back-end for a new web or mobile app. Our API is quite versatile and enables you to programmatically perform most schedule management tasks supported via WhenHub Studio.
For documentation and guides, visit our Developer Portal. There you will find complete details on how to use the WhenHub API as well as reference information for available API end-points.
Prizes
$16,500 in prizes
Best Overall
The winner of the "Best Overall" prize will receive the following:
- Cash award of $5,000 (team winners will need to divide the award money)
- Dilbert "Feng Shui" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Visualization (Code) - First Prize
The First Prize winner for the "Best Visualization (Code)" category will receive the following:
- Cash award of $2,000 (team winners will need to divide the award money)
- Dilbert "Feng Shui" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Visualization (Code) - Second Prize
The Second Prize winner for the "Best Visualization (Code)" category will receive the following:
- Cash award of $500 (team winners will need to divide the award money)
- Dilbert "Feng Shui" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Visualization (Design) - First Prize
The First Prize winner for the "Best Visualization (Design)" category will receive the following:
- Cash award of $2,000 (team winners will need to divide the award money)
- Dilbert "Feng Shui" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Visualization (Design) - Second Prize
The Second Prize winner for the "Best Visualization (Design)" category will receive the following:
- Cash award of $500 (team winners will need to divide the award money)
- Dilbert "Feng Shui" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Use of WhenHub API - First Prize
The First Prize winner for the "Best Use of WhenHub API" category will receive the following:
- Cash award of $4,000 (team winners will need to divide the award money)
- "How to fail...still win big" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Use of WhenHub API - Second Prize
The Second Prize winner for the "Best Use of WhenHub API" category will receive the following:
- Cash award of $1,000 (team winners will need to divide the award money)
- "How to fail...still win big" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Best Use of WhenHub API - Third Prize
(3)
The Third Prize winner (three awards) for the "Best Use of WhenHub API" category will receive the following:
- Cash award of $500 (team winners will need to divide the award money)
- "How to fail...still win big" book signed by author Scott Adams (one for each team member; limit four)
- WhenHub T-shirt (one for each team member; limit four)
- Website and social media recognition by WhenHub
Devpost Achievements
Submitting to this hackathon could earn you:
How to enter
To submit an entry for the Hackathon in this category, you must provide the URL displayed in the "Publish Whencast" panel in the Whencaster section of WhenHub Composer
Your entry must work without errors on the following platforms:
Desktop Browsers (minimum 1000x590 pixels): Latest versions of Chrome (Mac & Windows), Firefox (Mac & Windows), Safari (Mac), Edge (Windows)
Mobile Browsers (minimum 360x640 pixels): Safari (iOS), Chrome (iOS and Android)
To submit an entry for the Hackathon in this category, you must provide the URLs displayed when you click the "Share" icon of your desktop and mobile Marvel projects.
To submit an entry for this category, you must provide the URL for a GitHub repository containing the source code for the entry. The repository must contain a README.md file which provides all information required for us to access and/or download and install your app so that we may evaluate it.
Mockups, wire-frames, slide decks are not acceptable submissions. You must provide access to an app that we can run that demonstrably uses the WhenHub API to display or change information in one or more WhenHub schedules.
(Hackathon judges are volunteers and their fulfillment of this role does not constitute an endorsement of WhenHub.)
Judges
Scott Adams
Creator of "Dilbert"
Carmen Simon
Cognitive neuroscientist who helps businesses craft memorable messages that influence decisions
Jon Skeet
Author, .NET developer and Stack Overflow contributor with a keen interest in all things date and time
Skye Giordano
UX Engineer at Google with18 years experience as a UX designer, web developer, teacher and team leader
Anita Lillie
UX Designer specializing in data visualization
Judging Criteria
-
Best Visualization (Code) Category - Performance
The visualization loads quickly and interactions are smooth, without lag. -
Best Visualization (Code) Category - Modern Design
The visualization concept looks fresh and modern. -
Best Visualization (Code) Category - Innovation
The visualization displays time-based information in an interesting and innovative manner. -
Best Visualization (Code) Category - User Experience
The visualization has a great overall user experience. -
Best Visualization (Design) Category - Modern Design
The visualization concept looks fresh and modern. -
Best Visualization (Design) Category - Consistency
The visualization concept has a consistent look and feel for both desktop and mobile. -
Best Visualization (Design) Category - Innovation
The visualization displays time-based information in an interesting and innovative manner. -
Best Visualization (Design) Category - User Experience
The visualization has a great overall user experience. -
Best Use of WhenHub API Category - Non-trivial
The app uses the API for non-trivial functionality. -
Best Use of WhenHub API Category - Problem
The app solves a real-world problem for which the solution requires a time-based information repository. -
Best Use of WhenHub API Category - Innovation
The app uses the WhenHub API in an interesting and innovative manner. -
Best Use of WhenHub API Category - User Experience
The app has a great overall user experience.
Questions? Email the hackathon manager
Tell your friends
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.