Technology Stack

General Overview

apty includes a suite of tools that help enhancing User Experience on any web based application through applying Workflows and data governance concepts to it. apty consists of three main components, each exercising specific functions for seamless integration with the hosting application; namely, Player, Editor and Admin Console. 

Player

Editor

Admin Console

The Player is implemented as a multi-platform browser extension available for Google Chrome, Mozilla Firefox, and Microsoft Edge. In order to be compatible with various browsers, the extension is designed as a simple piece of code that injects the Player's JavaScript directly to the target application. This means that there is no background script and the whole Player runs directly in the context of the hosting application.

Editor is a component of apty that connects to the Chrome browser with an open hosting application. 

Using the Editor you can add and customize instructional content (Workflows, Tooltips, etc.) to elements of the hosting application in a couple of clicks and instantly preview the result on the browser screen. It is an intuitive tool that hosts smart algorithms but does not require in-depth technical knowledge for embedding interactive elements into Client's web application. 


Admin Console is a web-based tool that hosts the apty content including Workflows, Validations, Tooltips, Launchers and Announcements and is used for apty Content Delivery. 

The admin tool is cloud based and is deployed in AWS platform with all the latest security policies. Admin module also hosts the Analytics to view the ROI, effectiveness of the apty content.



BACKEND




Heroku server powered by Amazon Web Services for ensuring secure environment of the SaaS model deployment.




PostgreSQL for storing metadata.


FRONTEND


PLAYER TECH STACK
EDITOR AND ADMIN TECH STACK
React for building UI components of the extension.

Angular for building UI components.
Redux for managing the state fo the application

NgRX for managing the state of the application.
Redux-Saga for managing side-effects like API calls and data manipulation



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.