Skip to content
Click on a corvid! Flexbox, vanilla Javascript, Google Fonts
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Single page demonstrating separation of model and view. Closely follows from Udacity Javascript Design Patterns course example, except not with cats.


Version 1.1

  • The page should display a list of eight corvids and a corvid view area.
  • The corvid list should include:
    • Crow
    • Raven
    • Jackdaw
    • Jay
    • Rook
    • Treepie
    • Magpie
    • Chough
  • The view area should display:
    • The selected corvid's picture
    • Text showing selected corvid's name
    • Text showing the number of clicks.
  • Clicking the corvid name should update display area with selected corvid
  • The number of clicks should be unique to each corvid.
    • The number of clicks should increment when the corvid is clicked
    • The number of clicks should persist when the corvid is not selected

Version 1.0

  • The page should display a picture of a corvid and a number of clicks.
  • The number of clicks should increment when the corvid picture is clicked.
  • Implementation should use HTML, CSS, and vanilla Javascript.


Current live version: v1.1

» Click to visit


This project is licensed under the GPL v3.


Version 1.1

Version 1.1 screenshot

Version 1.0

Version 1.0 screenshot

You can’t perform that action at this time.