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 sell networks. Configurations are done for each location. Ktree has designed and developed an application setup sell networks configuration to check price and stock availability from the configured sell network channel and through this the customers can place the orders as well.

test
Angular Components

The developed application UI is user friendly and customized few components to fit the client business need by using the technology components of Angular with multiple PrimeNG.

test
Multiple validations

Implemented multiple validations between different services and performed separate validations for creating primary and secondary sell networks

test
Different API integrations

Integrated different API's for sending requests and getting the responses

Requirements

Client is looking for a technology vendor who can update their existing frontend using Angular technology by including bootstrap and should 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

Need to added all the validations required for creating a sell network and separate validations are required for creating primary and secondary sell networks

Results

test

Angular components

Used PrimeNG components for Angular UI implementations and also customized few components to right fit the client business need. Below are few angular components used:

  • p-table - Created a custom component around the Ptable with support for custom action buttons

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

  • p-tabView - PrimeNG tab component is used to create a tab view

test

User Interface & Validations

  • Added all the validations required for creating a sell network and created separate validations for primary and secondary sell networks

  • Provided an user friendly UI with multiple functionalities, e.g. moving the selected sell network to above or below based on preferences

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

test

NgRx State management

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

test

Unit testing

    The testing tools used are Jasmine, Karma and Angular CLI to create and run the test suite. Unit test cases are scripted for most of the features so that it would be easy to add if any more features are required in future business 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