Flip the Coin - Coding Challenge

flip-the-coin-coding-challenge.markdown

Flip the Coin - Coding Challenge

A Pen by Mario Winkler on CodePen.

License.

index.html

<!-- 
  ## Welcome to the ~30min Greenfield-Coding-Challenge 
    *Flip the Coin*

  # Get prepared
  - to show off your frontend skills
  - if you like CodePen.io you can code in there if you like otherwise
  - download / fork the challenge on codepen or gist https://codepen.io/splosch/pen/bRRooe

  # Your main task is: 
  - use Markup, Style & Script (pick what you like)
  - craft a "coin" with 2 different sides
  - make it "flip" through a user interaction

  # Optional tasks (whenever main task is completed, pick some, order doesn't matter)
  - the coin-flip result is random
  - use an icon or image on one or both sides
  - add animation (CSS || JS)
  - the coin appears somewhat real (3D-ish)
  - an user interaction starts and another stops the flipping
  - have two coins flip independently
-->