Our Work

Angular Grid

A query tool to search and view xml data response and request

Overview

Client need a query application tool to allow the search to isolate transaction(s) and the ability to view the corresponding XML data request and response. 

test
Angular Implementation

Implemented a frontend portlet using angular technology so that the client can search, based on different parameters from the UI and get the output.

test
Elasticsearch Integration

Integrated an elastic search to filter huge amounts of data, based on different parameters such as name, organization type, category, country, region, street, etc.

test
Single Page Application

Developed a single page application to view the data, filter the data with respective parameters to display the results instantly

Requirements

Develop a B2B web application, where the catalog is based on the third party sell networks. The transactions between the sell networks and the web application is done through XML request & response system. These XML request & responses records are related to shopping and these are stored in the elastic search. To search these XML records and display the content of the records in a distinguished format, Ktree has designed & developed an angular application.

test

Search

Search box to be used to query the elastic search records & display the data of XML records. Searching the XML records that are stored in elastic search, takes place by using a simple user interface built on Angular technology.

Lazy Loading / continuous scrolling

Scrolling the XML records by using the lazy loading feature provides the user to get the XML records view without reloading the page.

Interchanging the columns 

Interchanging & expanding the columns of the table, that are represented within the XML records high level data, allows the user to get the overview of the records. It also has multiple options like Hiding & adding the columns based on the user preferences, setting the time zone and providing the default view with a reset option.

Results

test

Export

Exporting the filtered records up to the scrolled records with an option to export with all columns or the columns which are displayed in UI can be exported based on user preference.


test

Advanced Search

There are other features that are available to filter the records based on the content/type of the XML records & by the created user/organisation.


test

Angular Components

Used angular routing to switch between pages and interceptors to add authenticate the data for each request. We have used ng-bootstrap to use the JavaScript features of bootstrap without the need for jquery, also used localStorage to save user preferences such as the order and width of the table columns, columns to display, auth token etc.


Gallery

Read more about KTree

KTree, a Global IT Company

What and how the processes are structured in KTree?

KTree follows CMMi process to T. Defined and Mature processes for Coding, Code Reviewing Exercises, QA Process with focus on Performance testing & Load Testing

Where is KTree's Web and Mobile application Development done?

Most of our Development is done from our Hyderabad Development Center. Hyderabad is known for its rich heritage and exotic food apart from abundant IT Talent.

How KTree makes outsourcing project a positive experience?

True collaboration, transparent and constant communication, visibility and traceability are the key for success. The other major one being requirements engineering.

What is Success mantra of KTree, as one of the respected web development company?

Agile Methodology + Strong Documentation + Powerful Web & Mobile Frameworks + Solid KTree Team = Great Web & Mobile Applications within time.

Any other Differentiation which KTree has, which it can offer?

Having worked on hundreds of Web & Mobile Application projects, KTree teams tremendous knowledge & expertise gives very good head-start for projects which helps clients save many man-months

What Development methodology KTree follows and why?

KTree development team follows Agile methodology because of its suitability to web and mobile application development. Scrum helps improve Agility due to its simplicity and flexibility

Our Clients