Giter Site home page Giter Site logo

** Forrest Notes **

  1. You search for new items by typing in the input box and pressing enter.

  2. The Index button will give you the index.

  3. The top left of the list gives you the page number (the right side has pagination buttons)

  4. You can expand an event by clicking where on it, and you can go back to normal view by clicking anywhere on the screen.

Performance Hindrance--

I wasn't able to pull up all the list items at once, because I didn't have a parameter for that. Therefore, I had to re-query the list for each pagination.


Front end developer test for Live Nation Labs.

This will mostly test for Javascript. Please commit and push frequently to the Git remote.

Feel free to use HTML5 Boilerplate for this.

The Task

With the endpoints that follow, create an app using Backbone or Ember which acts as a way to search for shows, find the one you are interested in and then display the info about it. Be creative with the styling.

Aim to surprise and delight with the end product using whatever tricks/tech you have up your sleeve.

API End Points (all support a callback parameter for JSONP)

Event Index

http://lnl-p.com/api/v1/events/

Defaults to 50 item pagination

Params:

  • page: Page number

Event Search

http://lnl-p.com/api/v1/events/search

Full text search. Defaults to 50 item pagination.

Params:

  • term: Search term (REQUIRED)
  • page: Page number

Event

http://lnl-p.com/api/v1/events/:id

Where :id is the ID of an event

Forrest Slater's Projects

css-compressor icon css-compressor

The CSSCompressor class compresses CSS files by removing empty lines and comments.

docker icon docker

Docker - the open-source application container engine

docs-base icon docs-base

Docker's base documentation theme and structure files

factory-lady icon factory-lady

a factory library for node.js / javascript inspired by factory_girl

fix-html2canvas-webkit-font-conversion icon fix-html2canvas-webkit-font-conversion

Modifies html2canvas so that is properly stores font computed styles - An issue that would cause converted FontAwesome icons to not render on Webkit when converted from HTML to Canvas.

gitsthetic icon gitsthetic

aesthetically pleasing view of a user's github repos

grade-class icon grade-class

# Grade class is a comparable class that assigns a value to the initilized letter grade.

masonry icon masonry

Forces box elements to visually load from the opposite direction. . jQuery plugin that rearranges item elements to a grid.

neat-example icon neat-example

A simple rails controller and view with some scss for bourbon neat

screporting-worker icon screporting-worker

It's a Rails worker app that has some examples of queuing, threading, and talking to the Facebook Graph API.

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.