/fe-media-library

Springleaf frontend ember.js interview app.

Primary LanguageJavaScript

Media Catalog Build Status

Springleaf front end ember.js interview app. This is an ember-cli application using ember-data with the active-model-adapter addon. If you're new to Ember, try the ember-cli generators!

Getting Started

  1. Clone this repo into any directory
  2. cd into the repo's root folder
  3. Run npm install && bower install
  4. Run ember s -e testing to start the livereload server

Livereload ember server: http://localhost:4200

Local tests: http://localhost:4200/tests

travis-ci automated testing: https://travis-ci.org/selbyk/fe-media-library

Features

Using the provided API endpoints, construct an application that includes the features outlined below. Don't worry about CSS, grids, or design; browser default styling is fine! Change whatever you need to change, just be sure to commit your work!

Must Haves

  • display links to all of the artists returned by the API
  • click on an artist to show a header with the artist's name and their albums

Nice to Haves

  • controls to sort the artist list ascending/descending by artist name
  • paginate the album list to show two per page with pagination links
  • clicking on an album name will show a detail page for that album
  • album detail page should show a list of comments with the most recent at the top
  • provide a form that will save a comment on an album
  • validate that the form is filled in before allowing submission
  • suport deleting comments

API

The following CRUD endpoints are provided:

Artists
GET /api/artists index of the artists in the system
GET /api/artists/:id returns a single artist by its id
POST /api/artists creates a new artist record
PUT /api/artists/:id updates an artist record by its id
DELETE /api/artists/:id destroys an artist given its id
Albums
GET /api/albums index of all albums in the system
GET /api/albums/:id returns a single album by its id
POST /api/albums creates a new album record
PUT /api/albums/:id updates an album record by its id
DELETE /api/albums/:id destroys an album given its id
Comments
GET /api/comments index of all the comments in the system
GET /api/comments/:id returns a single comment by its id
POST /api/comments creates a new comment record
PUT /api/comments/:id updates a comment record by its id
DELETE /api/comments/:id destroys a comment given its id

Query Params for Index Routes

Name Values Description
sort_on <any column name> Tells the mock server to sort results using the specified column name
sort_direction asc/desc Whether the mock server should sort ascending or descending
per_page <any int> The number of results that should be returned per page
page <any int> Page number of results to return

Seed Data

The application comes with a very small set of seed data. If you want, you can add more data or columns via the server/seeds.js file. You can also add more endpoints if you want!