Bootstrap Table using JSON Interface & Backbone.js

This project received 8 bids from talented freelancers with an average bid price of $232 USD.

Get free quotes for a project like this
Project Budget
Total Bids
Project Description

Onlineshop - Bootstrap Table using JSON Interface & [url removed, login to view]


Given an existing JSON http-api data interface returning onlineshop products, i need to have a [url removed, login to view] view showing the list of products in a bootstrap sortable table.


The following prerequirements are given and need to be re-used as they are to meet the acceptance criterias.


The attached file [url removed, login to view] contains the code base.

MySQL DataBase

The attached file [url removed, login to view] contains the mysql database.

JSON Data Interface

@ http://localhost/onlineshop/api/products you will get the json representation of data from the database.


User Perspective

As a user i am starting here at http://localhost/onlineshop/index.html. when i click [Products] in the menu i want to have a new page shown to get the list of products in a sortable and nice looking table.

I want to get the same view by directly accessing the following urls in the browser:



Technical Perspective

Usage of [url removed, login to view] for client side MVC


The JSON Data must be loaded to [url removed, login to view] model. So a product model needs to be created which contains all available data which was returned by json interface.

The model must consist out of:

single product item

a collection of multiple product items


A view and template is needed to render the table containing the product list. The html output can be a simple table containing all fields from the product. But the menubar must still be shown.

- the view [url removed, login to view] and the template [url removed, login to view] can optionally be reused to meet the requirement for the menubar


[url removed, login to view] routing must be used, to map the urls (as mentioned above) in the correct way.

Usage of bootstrap for visualization

The table html which is rendered by [url removed, login to view] must use the given bootstrap style/css.

Acceptance Criterias

The requirements are all met from a user and technical perspective.

No changes must be done for:

the mysql database structure

the json interface definition and its implementation

No changes must be done for:

subdirectory [engulfing] and its content

onlineshop/[url removed, login to view] is the only access point to the application

so accessing http://localhost/onlineshop/products/ must be handled by the [url removed, login to view] routing

in other words, there must not be a subdirectory [products] in [onlineshop] having another [url removed, login to view]

write a short summary of what you did


Beside the hard acceptance criterias mentioned above you might think of...

cleaning up code which is not needed to meet the requirements

comment your code (but i can read your code, so it’s not a must)

Future Perspective

I am looking for capable programmers doing the implementation on my project. It’s much more than just an onlineshop. There’s something bigger ahead. So I would be glad to have you beeing a part of it.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online