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.
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.
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.
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.
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
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.
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.
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's processes follow CMMi to ensure consistent, high-quality outcomes. With a focus on quality coding , code reviewing, and performance and load testing in our QA processes, we deliver reliable, scalable, and high-performing applications to meet our clients' needs.
Where is KTree's Web and Mobile application Development done?
KTree's web and mobile application development primarily takes place at our Hyderabad development center. Hyderabad is not only abundant in IT talent but is also known for its rich heritage and exotic food.
How KTree makes outsourcing project a positive experience?
KTree delivers high-quality applications that meet our clients' needs, by prioritizing collaboration, communication, visibility, traceability, and requirements engineering. While we charge a little premium for our services, we believe that it is important to provide the necessary resources and expertise to ensure project success.
What is Success mantra of KTree, as one of the respected web development company?
The success mantra of KTree as a respected web development company is combining Agile methodology with strong documentation, powerful web and mobile frameworks, and a solid KTree team to deliver great web and mobile applications within a specified timeframe.
Any other Differentiation which KTree has, which it can offer?
KTree's tremendous knowledge and expertise, gained from working on hundreds of web and mobile application projects, gives us a significant advantage that allows us to provide a head-start on projects, saving our clients many man-months.
What Development methodology KTree follows and why?
KTree's development team follows the Scrum framework of the Agile methodology, which improves Agility through its simplicity and flexibility. This allows us to adapt to changing project requirements and deliver high-quality products within the specified timeframe.
Leverage the expertise of a Top Application development company for your enterprise web and mobile application needs.
Contact our solid KTree team to get started.
