Front-end.md

Create a custom client for Trivia Quiz API: http://jservice.io/

Your simple app, should contain:

1. Simple headers with total questions counter, correct answers score, text of the question, question ID and category.
2. Game field with answer container and letter container.

Each time user loads your app, clicks Next Question or Skip Button he gets a question with shuffled answer letters bellow. He is able to give answer for the question or skip to next.

User stories:

1. As a user I can get a question and see shuffled letters/symbols of true answer bellow.
2. As a user I can interact with any letter to begin answering, I wont see the error message until I finished answering.
3. I can see error or success message if my answer is finished.
4. I can see the real answer for the question in Dev Console.
5. I can Skip answering with Skip Button and go to Next Question with Next button if my answer was correct.

If this task looks way to easy for you, you can take bonus user stories:

1. As a user I can drag any letter to an answering slot.
2. I can Drag n Drop my letter back to letter picking area whenever I needed.

Demos:

- basic - advanced

Suggested literature:

http://www.w3schools.com/xml/ajax_intro.asp

http://javascriptplayground.com/blog/2013/01/ecmascript-5-array-methods/

http://www.w3schools.com/html/html5_draganddrop.asp