Home

Social Plugin

1. Architecture/Technology stacks:

The entire app would be built on Angularjs and BuildFire. Here in angularjs we will follow MVVM design pattern. BuildFire provide us multiple method by which we can fetch and update information on server. Methods included are

• buildfire.messaging
• buildfire.datastore
• buildfire.imageLib
• buildfire.components
• buildfire.services
• buildfire.spinner

In addition of these we would explore some of the angularJs and jquery based. There are some animation need to perform on app. Angular-Animate is the angularjs module that will help us on those animation. Angular-Route is used to navigate to different view in app.

2. Standardization:

Lazy Loading: We will use ngInfiniteScroll for lazy loading. We will fetch 12 items on every single hit.

Caching: Caching will be done by buildfire API mainly. It includes Image caching API buildfire.imageLib.

Refreshing: Refresh will be enabled for this plugin.

Styling: UI Design will be done using BuildFire-Style-Helper-Documentation. It has pre build style classes that we can use to improve UX of the plugin.

3. Widget:

This is the basic Emulator where user can see the real-time changes whenever there is any change in control panel. When user modify any of the data it automatically save data on database in the control panel. From widget section user can create post , comment on post , follow a group and follow a post. In Post and Comment to show the timestamp we will use Moment.js and for file upload we will use ng-upload.