Bootstrap Table using JSON Interface & Backbone.js

Onlineshop - Bootstrap Table using JSON Interface & Backbone.js


Given an existing JSON http-api data interface returning onlineshop products, i need to have a backbone.js 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 backbone.js for client side MVC


The JSON Data must be loaded to backbone.js 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


Backbone.js 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 backbone.js 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 backbone.js 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.

i attached the description as a pdf.

also attached database structure as a zip.

as you can see the table containing the product-data is very simple. (other tables can be ignored)

Skills: backbone.js, Bootstrap, Javascript, PHP

See more: bootstrap table, bootstrap json, bootstrap table json, backbone table, bootstrap backbone, bootstrap data table, json bootstrap, bootstrap table list, table data bootstrap mvc read, bootstrap table click, bootstrap json mysql, bootstrap json table, bootstrap list table, bootstrap table content, bootstrap json data table, backbone bootstrap technical definition, bootstrap sortable table, backbone table view, bootstrap output list, table bootstrap, json table bootstrap, json data backbone, backbone render json table, bootstrap interface, map mysql

About the Employer:
( 1 review ) Zürich, Switzerland

Project ID: #4661093

8 freelancers are bidding on average $232 for this job


Hi ready to start Thanks

$185 USD in 9 days
(177 Reviews)

I'm very much proficient with JSON data handling and web services. Please let me work on this project.

$185 USD in 9 days
(17 Reviews)

Can work for you.

$166 USD in 4 days
(31 Reviews)

expert here

$206 USD in 10 days
(8 Reviews)

hi, i can done it for U. please pm to me. thanks,

$222 USD in 9 days
(1 Review)

I am interested to do job for you. I have seen the specifications of your project. I have 4+ years of experience in webdesign/ development, Mobile Development. I have read your project details. I am interested to More

$252 USD in 15 days
(3 Reviews)

Let me handle them simply. check pm

$200 USD in 3 days
(4 Reviews)

Thank you for your invitation. What can I do for you?

$526 USD in 3 days
(5 Reviews)

have a great knowledge of twitter bootstrap, backbone.js. Give me a chance.

$111 USD in 20 days
(0 Reviews)