ORDER

Introduction

Often times, there is a requirement for an application to be lightweight, event-driven, fast and simple to use. Order is the app that create as an experiment, of which is serve as an one page application, which has purposes of viewing, selecting and ordering items.

Planning and research

As mentioned in introduction, Node.js(Javascript runtime environment) integrated with Node Library/APIs and frontend framework are the best candidate for creating Order app.

Node.js is good for:

• handle asynchronous I/O, take less RAM
• Javascript on Back-end and Front-end
• Fast performance, high scalability

Noted that Backbone.js was one of the first front-end framework that came out, and React.js wasn’t around at the time. Modern front-end developer might prefer Angular.js or React.js, however, the concept of single page application, and the process of its implementation are still pretty much the same idea.

Backbone.js is packaged with the concept of models, collections, views and routers out of the box.

Tools

UX/UI

Simplify interface with the ability to add item to cart without refreshing the page(re-rendering the whole page based on event trigger, fired from Backbone.js).

Checkout and cart details summary.

Backbone.js is implemented with Backbone router which triggers the window to navigate at destinated url without reloading page.

Attached other events to the view then manipulating model or controller.

Events

• empty cart
• edit item quantity in checkout page
• shows item detail when clicked on image
• item details slideshow.

Empty cart will trigger Backbone to reset all collection.

Slide show triggers the slideshow Jquery algorithm attached to Backbone event.