Skip to content

ckperez/bunny_widget

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Build Cute Bunny Display Widgets

For this assignment, build three different display directives for an image url:

  1. The first directive should display the title of the image, the link (not the actual image), and short description.
  2. The second directive should display the image as a "thumbnail" (within a 100x100 pixel scale).
  3. The third directive should display the title, the full-size image, and the description.

You can use your own URL, or work with this cute bunny: http://f.cl.ly/items/3g3J1G0w122M360w380O/3726490195_f7cc75d377_o.jpg

Create a sample page that loads all three different directives for a single hard-coded url, to demonstrate the distinctions between each display mode.

Requirements

App requirements: 6pts

  • Create a directive to display a text only version of the image.
  • Create a directive to display a thumbnail version of the image.
  • Create a directive to display a full size image with a title and description.
  • Display the same directive using all three directives on a single page

Code style: 3pts

  • Passes linter
  • Well-named functions and variables, properly scoped
  • Good project organization

Git usage: 1pt

  • Well-structured pull request
  • Accurate commit messages
  • Clear, readable git history

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 77.2%
  • HTML 22.8%