Add link to Goodreads to JavaScript in the app.js file

[brittanyrw]

If you would like to work on this Issue, comment below and wait for confirmation before starting to code.

In the app.js file, add a link around the emoji card title (the h3 element). This link should come from the data.js file objects from a key called itemLink. Make sure the link opens in a new tab when clicked.

The updated data.js objects should look like the following:

  {
    title: "Alexander Hamilton",
    author: "Ron Chernow",
    emojiImgs: "🇺🇸⚔️💵👨",
    genres: ["non-fiction", "biography"],
    year: 2004,
    itemLink: "https://www.goodreads.com/book/show/16130.Alexander_Hamilton"
  }

Therefore, when a user opens the card, the title of the book should be a clickable link to Goodreads.

See below for an image of the title that I am referring to:

Add a Goodreads link to one book in data.js to test this out.

I will open Issues for others to add the links to the rest of the books.

To Do List:

• [ ] Add an itemLink to one book in the data.js file for testing.
• [ ] Update the app.js file to add a link around the h3 element inside of title content.
• [ ] Update the card overview section in card_overview.md by updating the example object (add an itemLink for the existing example) and add a section for Link with instructions for how to add it to the object.
• [ ] Update the Card Pull Request Checklist section in card_overview.md and add a line for making sure they add a link.
• [ ] Update the object example in github_ui_walkthrough.md.
• [ ] Update the object example in local_dev_walkthrough.md.

[rchavarria]

Hi!

I'm looking forward to contribute to emojiscreen, emojipages or emoji* projects. I just saw this issue and it looks really interesting. It looks easy, but challenging at the same time for someone with not too much context on this project.

Would you mind if I spend some time implementing it?

[brittanyrw]

Hi @rchavarria, sure! I will assign this to you.