Our Work

Angular Grid

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

Overview

A query application that would allow the search to isolate transaction(s) AND the ability to view the corresponding XML data request and response. 

test
Angular Implementation

Frontend portlet have been implemented using angular. Client can search based on different parameters from the UI and get the results

test
Elasticsearch Integration

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

test
Single Page Application

Single page application has been developed to see all the data, filter the data with respective parameters and display results instantly

Requirements

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

test

Search

Search box to query the ES records & display the data of XML records.Searching the xml records stored in ES, by using the simple user interface built on Angular.

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, represented with the XML records high level data by which user can get the overview of the records. Hiding & adding the columns based on the user preferences , setting the time zone and also providing the default view with a reset option.

Results

test

Export

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


test

Advanced Search

Features to filter the records which are based on the content/type of the xml records & by the created user/org.


test

Angular Components

Used angular routing to switch between pages and Interceptors to add authentication 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