Coder Social home page Coder Social logo

top100album's Introduction

top100Album

solving the Box8 frontend hiring challenge

fetching itunes API with top 100 songs. Box8 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/in/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...) Make use of CSS animations Expert "Watch and learn Grasshopper."

TASKS

All of the base, novice, and intermediate requirements Handle animations for slow data networks (Use DevTools to simulate 2G, 3G Speeds) 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) 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! Use ES6

top100album's People

Contributors

abnndn avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.