Skip to content
Product

DareDev: Part E-Sports, Part Coding Party

Mixmax organized DareDev: a fun coding competition and party at its headquarter. The objective was to implement a set of designs in HTML/CSS within 20 minutes

By Olof Mathé Updated September 14, 2022 1 min read
DareDev: Part E-Sports, Part Coding Party

Mixmax is a communications platform that brings professional communication & email into the 21st century.

Last week, 12 contestants and a lively audience gathered at Mixmax headquarters to take part in DareDev: a fun coding competition and party. DareDev is part e-sports event, part hackathon, but with a new take. The challenge is to implement a set of given designs using HTML/CSS and absolutely no previews in the browser. Everyone had an amazing time, and we wanted to share this recap with folks who couldn’t make it.

DareDev

The Setup

Contestants are seated in two rows facing each other and with monitors in facing away from them. Each display shows the original design on one-side, and the competitor’s work on the other. The audience can see progress in real-time, but contestants cannot see the results of their own work until the round is over. As contestant, you can see other contestants’ screens on the row opposite yours. (Pressure!)

The competition consists of three 20 minute rounds, each with a theme and after each round the audience gets to vote on their favorites by building Duplo towers (on arriving, each audience member gets three pieces of Duplo).

DareDev at Mixmax

DareDev contestants coding side by side on laptops in a row while the audience mingles behind them

A packed room under string lights, with the audience watching contestants' monitors along the far wall

The Themes

This time, we had 3 great thematic designs:

The first theme was ‘Nostalgia’, for which we were asked to reimplement Google’s original website.

Google's 1998 beta homepage, the reference design for the Nostalgia round

The second challenge (themed ‘Hollywood’) was to copy the poster from the movie ‘The Net’.

blog-post-daredev-7

The third and final challenge (themed ’Too soon’) was to reimplement healthcare.gov’s front-end in less than 20 mins!

The healthcare.gov homepage, the reference design for the Too Soon round

Outcomes

The contestants did a fantastic job! For google.com we got to see some incredible dropshadows and reinventions of the iconic logo.

A host in a red morphsuit presenting a contestant's rebuild of the Google homepage projected on the wall

’The Net’ poster was apparently deemed too easy by one contestant who took some real poetic license with the task (each repo contained some easter egg assets).

A projected side-by-side of the original poster for The Net and a contestant's parody retitled Sandra Bullfrog, complete with a troll face

healthcare.gov was by far the trickiest, so much so that one contestant felt it needed enhancements.

Video: a monitor showing a healthcare.gov rebuild covered in rainbow "Save me Obama!" lettering and glittering unicorns

At the end, the audience elected the three front-runners and stacking the duplo towers against each other Kelly Walker was elected DareDev 2015! She was followed by Matej Jan in second place and Trish Ang in third place. Major shout out to all the contestants who put up a good fight! And to the audience for cheering everyone along with such gusto! Until very soon!

blog-post-daredev-11

Video

Video: the audience crowded around contestants' monitors in a darkened room during the competition

Join the team making DareDev happen! We’d love to hear from you. Reach us on Twitter too, @Mixmax.

Olof Mathé

Olof is the Co-Founder and CEO of Mixmax.