Git Product home page Git Product logo

roster-challenge-api-and-ui's Introduction

Full Stack Development Challenge

The Roster - Synopsis

You're a developer working for a music record label and the accounting team needs your help!


The Task

Given a data dump of your artist roster, the task is to build a web application to store the data and serve it to a front end application of your design. This application will be used by the accounting team to pay out the correct streaming royalties to respective artists.

You receive the data in the form of a json file containing an array of objects with the following fields:

  • artist => Artist Name
  • rate => Payment rate per stream
  • streams => Number of Streams

Your minimum application requirements include:

  • A hosted MVC structure with separate front and back ends
  • Displaying the list in a web browser
  • Extending the list to include the calculated payout amount per artist
  • CRUD services for artists and rates
  • Adding a field to toggle (and persist) whether the artist payout is complete (eg: checkbox)
  • Display is sorted in descending order by payout amount

Bonus

  • This data feed is, as it turns out, all-time cumulative streams. The artists get paid monthly. Add a column showing average payout per month. Assumptions: rate of streams per month is constant, for artists that predate streaming, assume streaming started with Spotify launch in April 2006.

Technical Specs

This challenge is language and services agnostic. Use whatever you're comfortable with.

eg:

  • Front end: React, Angular, Vue.js, Vanilla JS, etc...
  • API: RESTful or GraphQL
  • Backend: .NET, Node.js, PHP, etc...
  • Storage: S3, DB(SQL/NoSQL), etc...
  • Infrastructure: Docker, Serverless, Heroku, etc..

Show us what you got!

Focus on the area of the stack in which you are most comfortable and would like to showcase.

For example:

  • Focusing more on the aesthetic design and interactions of the application while simply serving the data directly from the provided json file.
  • Implementing a full database and backend while keeping the front end simpler.
  • Anywhere in between

You will be measured on:

  • Attention to detail
  • Instructions to run your application
  • A very brief explanation of your choices throughout the challenge
  • Code quality
  • UI Design (if that's the focus you chose)
  • Testing

Submission Requirements:

  • A link to your GitHub code repository (or silmilar) that allows us to view and download the code
  • Instructions on how to run the code locally
  • A link to your app which is hosted (using AWS, Azure, GCP, or similar)

Good luck, and have fun!

roster-challenge-api-and-ui's People

Contributors

jamesd9406 avatar matldupont avatar tackaberry avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  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.