Challenge Overview
This is exclusively a javascript front-end project, in other words there is no ajax or server side components required.��
The widget must be developed in javascript (jquery 1.7.1 or higher is ok) and be demonstrated in a stand-alone html page. The widget should be made viewable by clicking an href on the page.��
When first rendered the widget should give the user the option to provide simple feedback, like this:��
Hopefully yours looks much better than this. Clicking the cancel button should close the widget.
If the user clicks one of the feedback options, a confirmation message should appear along with another link to provide more feedback:��
Clicking the "X" closes the widget.��
Clicking the "X" closes the widget.��
If the user clicks the "Provide more feedback" link, the widget should render a form like this:��
The form has 3 main parts:��
1) A text area that allows the user enter free form text (no validation required)
The form has 3 main parts:��
1) A text area that allows the user enter free form text (no validation required)
2) A set of "tags" that they can select. In the image above they are "#praise, #problem, #question, #enhancement, #idea". They should behave like pushbuttons - where clicking a tag once selects it, and clicking it again de-selects it.
3) A text box that the user can enter in any tag they want
Clicking Cancel closes the widget. If the user clicks Send, close the widget and write out the data (text from textarea and all the tags) from the form on to the page somewhere.
The functionality described above is the required, but consider the UI elements and interactions as just an example. Feel free to change or add any other enhancements you think that could make the widget even better. One idea is to add a typeahead in the tag textbox that provides auto-complete based on a a list of "known tags". We are not looking for a lot of flare, but functionality or usability that you think would increase the usage of the widget.
Clicking Cancel closes the widget. If the user clicks Send, close the widget and write out the data (text from textarea and all the tags) from the form on to the page somewhere.
The functionality described above is the required, but consider the UI elements and interactions as just an example. Feel free to change or add any other enhancements you think that could make the widget even better. One idea is to add a typeahead in the tag textbox that provides auto-complete based on a a list of "known tags". We are not looking for a lot of flare, but functionality or usability that you think would increase the usage of the widget.