Skip to content

Chris2A/FrontEndChallenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 

Repository files navigation

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. Spend as little or as much time as you would like to complete your chosen path. Get as much completed as you can, with the focus on functionality over design.

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.

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 or another one)
  • 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 Heroku, but we would also settle for a *.github.io address)

Bonus Round

"All is fair in love and bonus rounds"

TASKS

  • 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!

About

Front End Challenge for TechLatam

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published