billortell / backbone-directory

Sample Application built with Backbone.js and 3 different UI toolkits: Twitter Bootstrap, jQuery Mobile, and custom iPhone skins

Backbone.js Employee Directory

"Backbone Directory" is a simple Employee Directory application built with Backbone.js.

The application allows you to look up employees by name, view the details of an employee, and navigate up and down the Org Chart by clicking the employee’s manager or any of his/her direct reports.

There are four versions of the application available in this repository:

1. Backbone.js + Twitter Bootstrap (located in the /web directory).
   • Read more about this version here
   • Try it here
2. Backbone.js + jQuery Mobile (located in the /jquerymobile directory).
   • Read more about this version here
   • Try it here
3. Backbone.js + native-looking iPhone skins (located in the /iphone directory).
   • Read more about this version here
   • Try it here
4. Backbone.js + native-looking iPhone skins and a local database implementation (located in the /iphone directory).
   • Read more about this version here
   • Try it here

The Twitter Bootstrap and jQuery Mobile versions use JSON services. Instructions to set up these services are provided below. The "native-looking iPhone" versions use sample in-memory data and don't have any dependency on external services.

Set Up:

1. Create a MySQL database name "directory".

2. Execute directory.sql to create and populate the "employee" table:

   mysql directory -uroot < directory.sql

Services:

The application is available with a PHP or Java services:

• The PHP services are available in the api directory of this repository. The RESTful services are implemented in PHP using the Slim framework (also included in the api directory).
• The Java back-end will be available soon.