Create detailed overview of a challenge

[pbochis]

That page should contain:

• Details of the challenge
• Provide an overview of the tasks defined for that challenge (maybe cards).
• A leaderboard of users who coded that challenge
• Basic layout
• Displaying challenge properties
• Chart on the right top ("Skills chart")
• Fancy leaderboard
• Task cards

[pbochis]

@FlowLo : Me and @victorbalan did a mockup of the challenge detail page. What do you think about it?

[lorenzleutgeb]

• Duration is missing.
• The top right should by default be the combination of skills from the tasks, and to be switched to the average performance I think. First, to get an overview of what the challenge is about, and second how did candidates really perform.
• Average makes no sense without deviation, so I would also indicate this on the graph.

WDYT?

[victorbalan]

This is a start mockup that we thought about. We have not included the task list anywhere for now. Do you have any idea where that could fit?
The idea with combination of skills from the tasks is good, I like it.

[lorenzleutgeb]

the table in the bottom could be made smaller. For example, only a ranking, with no detailed skill-based results. Then we could display the list of tasks beside it.

[victorbalan]

And maybe a + button to expand it with skills. WDYT?

[lorenzleutgeb]

Yeah, or show something more detailed (result of the user). I'd say give it a try and start implementing ...

[lorenzleutgeb]

#52 implements a first version.

[pbochis]

#58 implements the skill Chart