Song Link: https://en.wikipedia.org/wiki/Ring_of_Fire_(song)

Song Link: https://en.wikipedia.org/wiki/Dancing_Queen

Wrecking Ball by Miley Cyrus
https://en.wikipedia.org/wiki/Wrecking_Ball_(Miley_Cyrus_song)

Song Link: https://en.wikipedia.org/wiki/Poker_Face_(Lady_Gaga_song)

Song Link: https://en.wikipedia.org/wiki/Before_He_Cheats

Song Info: https://en.wikipedia.org/wiki/Bohemian_Rhapsody

Song Info: https://en.wikipedia.org/wiki/Se%C3%B1orita_(Shawn_Mendes_and_Camila_Cabello_song)

Song Info: https://en.wikipedia.org/wiki/Treasure_(Bruno_Mars_song)

Song Info: https://en.wikipedia.org/wiki/Thrift_Shop

Song Info: https://en.wikipedia.org/wiki/Eye_of_the_Tiger

Add a button on the homepage that will toggle showing and hiding the song name. This button will allow people to show all names if they just want to browse vs having to click on each card to see the name.

When you click on the button it should toggle, ie if I click and nothing is expanded, everything will expand and then when I click again, everything should hide again.

Add pagination to the homepage.

• On the homepage, a maximum of 30 cards should show. After 30, user should be able to click to go to 'page 2' to show another 30 cards.
• Pagination should be at the bottom of the page, above the footer section.
• Style using existing colors and fonts.

Similar to the attached image (design does NOT have to match the image, just showing what I mean by pagination).

Song Info: https://en.wikipedia.org/wiki/Black_or_White

Add Hot N Cold by Katy Perry
Song Info: https://en.wikipedia.org/wiki/Hot_n_Cold

Song Info: https://en.wikipedia.org/wiki/Barbie_Girl

Song Info: https://en.wikipedia.org/wiki/Superstition_(song)

Right now, the emoji cards (square with record) are a fixed size. On mobile, they are a little small. Make them larger so that they fill more of the screen on mobile.

This will involve adding a media query in the CSS and adding an additional fixed size or making the sizing more dynamic so that it will change based on the screen size.

What it looks like on mobile right now:

Song Info: https://en.wikipedia.org/wiki/DNA_(BTS_song)

Song Link: https://en.wikipedia.org/wiki/Bye_Bye_Bye

Link to other open source projects that I have created.

Add a link to EmojiScreen (https://emojiscreen.com) and EmojiPages (https://emojipages.com) somewhere on the homepage.

Right now it seems like the only logical place is the footer area but open to suggestions. Feel free to add in a quick wireframe or sketch of what you are thinking before you start coding.

Song Info: https://en.wikipedia.org/wiki/Hello_(Adele_song)

Song Info: https://en.wikipedia.org/wiki/Sk8er_Boi

Song Info: https://en.wikipedia.org/wiki/No_Tears_Left_to_Cry

Song Info: https://en.wikipedia.org/wiki/American_Pie_(song)

Song Link: https://en.wikipedia.org/wiki/Hotline_Bling

Add a search bar (above the emoji cards but below the header) so that users can find specific songs.

• Add the search bar to the HTML
• At minimum, the search bar should work for song titles.
• Update the JavaScript to manage hiding and showing cards based on the search input
• Style the search bar to using the websites current colors (or different colors with the same hues) and styling.
• Optional: allow the user to type anything (song titles, artist, date, genre) to match to emoji cards.

Add Can You Feel the Love Tonight by Lion King
Song Info: https://en.wikipedia.org/wiki/Can_You_Feel_the_Love_Tonight

Like a Prayer by Madonna
https://en.wikipedia.org/wiki/Like_a_Prayer_(song)

Add E.T. by Katy Perry
Song Info: https://en.wikipedia.org/wiki/E.T._(song)

Add Diamonds by Rhianna
https://en.wikipedia.org/wiki/Diamonds_(Rihanna_song)

Song Info: https://en.wikipedia.org/wiki/Push_It_(Salt-n-Pepa_song)

Make sure that EmojiBops is fully accessible.

Song Info: https://en.wikipedia.org/wiki/Lost_in_Japan

Add a timed game mode to EmojiBops. A timed game should allow users to try to guess as many cards as they can in a certain amount of time.

This game should be on a new page.

Here are some suggestions on how to structure this:

• A button or link from the homepage to the page where the game is.
• A button or link back to the homepage from the page where the game is.
• The user should be guessing the song name.
• On game start, randomly sort the cards and display them to the user. Up to you if you will display one at at time or all at once. The user should type their guess into an input box. Up to you if it will check their guess after they click away from the input or they have to press a submit button.
• At the end of the game, show the user their score.
• Optional: Allow the user to tweet what their score is.
• Optional: the user would be able to choose the time period (ie one minute, three minutes, etc)
• Optional: the user would be able to narrow down what cards will show by decade, genre, artist, etc.

In the top of EmojiBops in the filters section, add a dropdown filter so that users can filter by years. The filter options should be by decades such as 1970s, 1980s, 1990s, 2010s, etc.

If there are no items that match the time period selected, a message should appear saying that no cards match the selected years.

Use the colors and styling currently on the website.

You can use the filters on EmojiScreen as an example of how filters can look, but the design does not have to look exactly like that.

Song Info: https://en.wikipedia.org/wiki/Genie_in_a_Bottle

In the top of EmojiBops in the filters section, add a dropdown filter so that users can filter by genre. The options for the filter should include all genres in the data.js file and also in the genres.md genre chart. The filter should be able to automatically pull any new genres someone adds to an emoji card in the future.

Use the colors and styling currently on the website.

You can use the filters on EmojiScreen as an example of how filters can look, but the design does not have to look exactly like that.

Song Info: https://en.wikipedia.org/wiki/That%27s_What_I_Like_(Bruno_Mars_song)

Song Info: https://en.wikipedia.org/wiki/I%27m_Just_a_Kid

Firework by Katy Perry
https://en.wikipedia.org/wiki/Firework_(song)

Right now the homepage layout is the same as EmojiScreen emojiscreen.com.

• Propose a new homepage layout. An example could be having the header and contribution callout in a sidebar. Post your idea here before you start coding.
• Update the HTML with the new homepage layout once approved.
• Update CSS as needed for the new layout.

Song Info: https://en.wikipedia.org/wiki/Ice_Ice_Baby

Song Info: https://en.wikipedia.org/wiki/Paper_Planes_(M.I.A._song)

Add a quiz game mode to EmojiBops. A quiz game should present users with a fixed number of cards and see how many they can guess correctly.

This game should be on a new page.

Here are some suggestions on how to structure this:

• A button or link from the homepage to the page where the game is.
• A button or link back to the homepage from the page where the game is.
• The user should be guessing the song name.
• On game start, randomly sort the cards and display them to the user. Up to you if you will display one at at time or all at once. The user should type their guess into an input box. Up to you if it will check their guess after they click away from the input or they have to press a submit button.
• At the end of the game, show the user their score.
• Optional: Allow the user to tweet what their score is.
• Optional: the user would be able to choose the number of cards they will guess (ie 10 30, 50, etc)
• Optional: the user would be able to narrow down what cards will show by decade, genre, artist, etc.

Song Info: https://en.wikipedia.org/wiki/1985_(song)

Add Juice by Lizzo to EmojiBops

Song Link: https://en.wikipedia.org/wiki/Juice_(Lizzo_song)

Add A Whole New World by Aladdin
Song Info: https://en.wikipedia.org/wiki/A_Whole_New_World

Add Waving Through A Window to EmojiBops

Song Info: https://en.wikipedia.org/wiki/Dear_Evan_Hansen

Diamonds are a Girls Best Friend by Gentlemen Prefer Blondes 
https://en.wikipedia.org/wiki/Diamonds_Are_a_Girl%27s_Best_Friend

Song Link: https://en.wikipedia.org/wiki/Umbrella_(song)