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 onlineshop.zip contains the code base.
The attached file onlineshop_db.zip contains the mysql database.
JSON Data Interface
@ http://localhost/onlineshop/api/products you will get the json representation of data from the database.
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:
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 ShellView.js and the template ShellView.html 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.
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/index.html 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 index.html
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)
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.
Additional Project Description:
06/26/2013 at 0:02 ICT
i attached the description as a pdf.
06/26/2013 at 0:08 ICT
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)