Our Work

Angular Implementation

Angular Application for configuring different Sell networks

Overview

Backend application which is service independent and a standalone application for setting up different sellnetworks. Configurations are done for each location.This portlet is designed to setup sellnetwork configuration for a particular organization to check price and stock availability from the configured sellnetwork channel and they can keep orders too.

test
Angular Components

We have used multiple PrimeNG angular components to make the UI more user friendly and customized some components to fit our needs.

test
Multiple validations

Multiple validations between different services have been implemented.  Separate validations for creating respective primary and secondary sell networks are added

test
Different API integrations

Integration of different API's for sending  requests and getting the responses

Requirements

Client wanted us to update the existing frontend with angular by including bootstrap and create a new design

test

Re-design UI

Client wanted us to update the existing frontend with angular by including bootstrap and create a new design

Validations

Added all the validations required for creating a sell network. Separate validations for creating respective primary and secondary sell networks are added

Results

test

Angular components

We have used PrimeNG components for our Angular UI implementations. We also customized some components to fit our needs. Below are the few angular components used

  • p-table - We have created a custom component around the Ptable with support for custom action buttons which we have used in many places

  • p-tree - We have wrapped this component into a package with our proprietary features so that we can reuse it in many places

  • p-tabView - we have used PrimeNG tab component to create tab view

test

User Interface & Validations

  • Added all the validations required for creating a sell network. Separate validations for creating respective primary and secondary sell networks are added

  • Provided clean UI with multiple functionalities such as moving the selected sell network to above or below based on prefernces

  • The sell network can be edited directly from the UI itself, whenever a sell network is selected automatically the respective details are loaded below in the form and can be edited directly

test

NgRx State management

We have used NgRx for this application state management service. Stored all the application state in the NgRx store and accessed it in all components. We have used NgRx store selector and subscriptions to perform actions on state change

test

Unit testing

  • We have used jasmine, karma and angular cli to create and run our test Suite

  • We have unit test cases for most of the features so that we can add more features without breaking old ones

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