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.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
corvid-clicker
LICENSE
README.md
screenshot-v1.0.png
screenshot-v1.1.png

README.md

Corvid-Clicker

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

Requirements

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.

Site

Current live version: v1.1

» Click to visit

License

This project is licensed under the GPL v3.

Screenshots

Version 1.1

Version 1.1 screenshot

Version 1.0

Version 1.0 screenshot

You can’t perform that action at this time.