(inspired by CopoFi's front end challenge)

Front-End Challenge

This code challenge allows you to choose your own path and lets you flaunt your creative panache and technical skills along the way. Get as much completed as you can, and focus on both functionality and design.

Things we're looking for

• Clean & readable code is super important, as it means it's easier for people to read, reuse, and refactor your work.
• Good use of version control means it's easy for people to check and review your code.
• Using a testing framework (where applicable) means you're more likely to deliver robust code.

The Challenge

In a fictional world, we are branching into the music business and need a new a website. This website needs to display the top 100 songs based on the iTunes API, and maybe even the lyrics of these songs from musixmatch.

Before you get started, make sure to read through all the levels below.

Base Requirements For All Levels

---

• Show top 100 albums based on the json feed here: https://itunes.apple.com/us/rss/topalbums/limit=100/json
• A clean modern look
• Clean, readable, maintainable codebase
• Source code on Github
• Cross browser support (or graceful degradation)
• Responsive design and implementation
• A good user experience

Levels of Awesome

Choose one of the following routes for your journey.

---

Novice

"Hey! Look! Listen!"

TASKS

• All of the base requirements

• Create and implement (using HTML, CSS and JS) a basic design
• Use a CSS Framework (Bootstrap, Foundation, Pure, etc.…)

---

Intermediate

"I know Kung Fu."

TASKS

• All of the base, and novice requirements

• Use a JavaScript framework (Angular, React, Backbone, etc...)
• Use SASS or LESS for custom CSS
• Make use of CSS animations

---

Expert

"Watch and learn Grasshopper."

TASKS

• All of the base, novice, and intermediate requirements

• Allow the top 100 to be searchable
• Allow the user to see more information about a selected Album
• Host the website on the service of your choice (We enjoy cloud hosting like Azure or AWS, but we would also settle for a *.github.io address)

---

Master

"You must believe!"

TASKS

• All of the base, novice, intermediate and expert requirements

• Host the application online and use a server framework
• Make it possible to find and display lyrics (where available) using the musicXmatch API

---

Bonus Round

"All is fair in love and bonus rounds"

TASKS

• Use a language that compiles to JavaScript (CoffeeScript, TypeScript, Dart, etc...)
• Surprise us! Add a feature that you think would work well here (for instance, advanced search, integration with other API, a "Favorite" functionality)
• Show us your work through your commit history!