Challenge Overview
Welcome to IBM Cognitive Chatbot - Create UI Prototype Contest. As part of this contest, you need to create a UI Prototype using the provide designs in Angularjs (v4).
Challenge Prizes
This challenge is part of the Topcoder Cognitive Community challenge series. Along with the cash prizes, you will win Cognitive points toward the leaderboard and the leader at the end of the challenge series wins an all expenses paid trip to TCO 17.
The placement you earn in these challenges (non-F2F) will determine how many Cognitive points will be added to your total on the leaderboard:
1st place: 500pts
2nd place: 350pts
3rd place+: 100pts
Setup
If you have not already, go to http://cognitive.topcoder.com/ and click the Join the Topcoder Cognitive Community Button. Fill out the registration form and confirm your email address.
Contest Details
Topcoder Connect is our customer-facing platform that enables business users, of all skill levels, to interact with our member community to drive quality results. It is where our customers input their business needs and technical requirements. We are creating a ChatBot application using IBM Watson’s Cognitive capabilities that will be eventually be integrated with Topcoder Connect.
You will be creating the User Interface for this ChatBot. Once you register, in the contest forums you will find the designs. Additionally, you will find a detailed document describing the designs.
Finally, you need to create a guide. We intend to reuse the elements of the ChatBot application and thus you have to create a documentation on the components used for the ChatBot application. The expectation is that the documentation be on the lines of a “Getting Started” guide that allows developers to easily reuse the components and design more chatbots to their liking.
Point To Note
- Browsers to support: Firefox, Google Chrome, Safari and Edge - All latest browsers (Desktop only).
- You need to use Angularjs and Angularjs best practices. Yes, you need to make use of Angular CLI. Tests are not required and can be ignored. You will use the latest Angularjs version.
- While you are expected to match the designs, there needs to be equal emphasis placed on coding the components correctly.
- Considering that this is a Code contest and not a UI Prototype contest, reviewers will have to place less emphasis on ensuring that the UI elements match the design and more emphasis on ensuring that the Angularjs code follows best practices.
- Thus, the major requirement of this contest is:
A. To get the Angularjs components correctly implemented.
B. To be able to “chat” with the bot. Each message shows up a new component.
C. To follow the designs. Here, we imply the theme implemented in the designs. Minor deviations will go under minor requirements in the scorecard. Significantly altering the designs should be taken up as a major requirement in the scorecard and scored accordingly.
D. Getting the documentation right. The documentation should be easy to follow, similar to perhaps how Twitter Bootstrap or Material UI documentation is.
and the minor requirements are:
A. To implement the UI elements To-A-T. While we do want the submission to follow the designs, getting the UI elements to exactly match the designs is a minor requirement.
Final Submission Guidelines
Before submitting, make sure that your HTML , CSS and Javascript codes have been validated and there are no errors. In case of any exceptions that the reviewer needs to make, specify this in your README file. Verify that it meets all the requirements mentioned earlier.
Upload your code as a .zip file (include the documentation as well) to the Submit and Review tool for this contest.