VA V. Achari Vadlavachari.org
Hyderabad, India · Building Kapture for SoftClouds

Venkateswara
Achari Vadla

Senior Frontend / Full Stack Developer

I build the enterprise interfaces people work in all day: schema-driven authoring forms, approval workflows, AutoSave that never loses a draft, and the screens that configure AI agents. Eight years across Vue, Angular, React, Laravel and Node.js.

Vue.js 3 Nuxt 3 TypeScript Vite
See the Kapture work Résumé (PDF)
composables/useAutoSave.ts
export function useAutoSave(form: Ref<ArticleDraft>) {
  const status = ref<'idle' | 'saving' | 'saved'>('idle')
  // track only the fields that matter, no deep watcher
  const snapshot = computed(() => fingerprint(form.value))

  const save = useDebounceFn(async () => {
    status.value = 'saving'
    await drafts.put(form.value.id, form.value)
    status.value = 'saved'
  }, 1500)

  watch(snapshot, save)
  return { status, restore: () => drafts.get(form.value.id) }
}
Draft saved
8+ yrsBuilding web applications, since Nov 2018
Vue 3·TSPrimary stack on Kapture
10Reusable plugins and engines built
5Backend frameworks: Laravel, CodeIgniter, Node, NestJS, Express
Vue 3TypeScriptNuxt 3VitePiniaJavaScriptHTML5CSS3AngularReactReduxFlutterWidget developmentGitVue 3TypeScriptNuxt 3VitePiniaJavaScriptHTML5CSS3AngularReactReduxFlutterWidget developmentGit
LaravelPHPCodeIgniterNode.jsNestJSExpressSocket.IOMySQLPostgreSQLRedisMongoDBOracle CPQPythonLaravelPHPCodeIgniterNode.jsNestJSExpressSocket.IOMySQLPostgreSQLRedisMongoDBOracle CPQPython
Featured work

Enterprise UI for a knowledge platform used every day

Most of my recent work is on Kapture, the enterprise knowledge management platform I help build at Ctrl Alt Fix Solutions for SoftClouds, and its AI agent interfaces.

Featured project · Kapture

Kapture Authoring: articles, workflows and versions

Vue 3TypeScriptVitePiniaRich-text editorsREST APIs

Authors create, review and publish service and knowledge content in Kapture. I develop the Vue screens behind that lifecycle and the cross-cutting pieces that keep long editing sessions fast and safe.

SoftCloudsClient
SoftClouds
  • Schema-driven document forms

    Dynamic Document Types for Service Information content: configurable fields, conditional visibility, validation, and state kept in sync across nested components and rich-text editors.

  • AutoSave and draft recovery

    Change detection across rich text, dynamic fields, nodes, categories, tags, user groups and attachments, with debounced saves, draft snapshots and restore after a refresh.

  • Workflow and recommendation UI

    Workflow steps, conditions and approval paths; draft, review, publish and reject screens; article-linked recommendations with preserved return navigation.

  • History and version comparison

    Side-by-side version diffs with change highlighting, plus publish, unpublish and restore actions.

  • Enterprise UI security and performance

    Role- and permission-based actions, route guards, safe navigation parameters and CSP-compliant API calls; targeted watchers instead of deep ones to keep large forms responsive.

Edit article · Service InformationDraft saved
Wi-Fi drops after firmware 4.2 update
Service Information
en-US + ja-JP
NetworkFirmwareX200 rev B
BIU≡
Reset the network module, then re-apply the 4.2.1 patch
Draft→Review→Approve→Publish

Illustration of the editor patterns, not a product screenshot.

Agent workflow builderVue Flow · FastAPI services
Triggernew case Support agentconfigured in UI knowledge.searchtool · read case.summarizetool · read Approvalwrite step · paused case.updatetool · write
Illustration. The UI builds and validates agent configuration; orchestration and LLM services run in backend services owned by the AI team.
AI platform · Service Connect

Service Connect and Kapture Agentic AI

Vue 3TypeScriptVue FlowREST APIsFastAPI agent services

Vue interfaces where users create, configure and run AI agents. The frontend turns agent configuration into validated API requests and presents what the backend agent services return.

  • Agent creation and configuration

    Dynamic agent forms with validation and configurable tool and service integrations.

  • Workflow and automation UI

    Contributed to the Vue Flow visual workflow builder that connects user-designed flows to backend agent execution.

  • API integration with clear feedback

    Consistent loading, error and empty states, and readable presentation of agent and API responses.

  • Routing and secure access

    Agent module routing, authentication-aware navigation and responsive dashboards from shared components.

  • Integration troubleshooting

    Diagnosed CSP restrictions, external AI service connections and frontend–backend issues across environments.

Tech stack

Frontend depth, full stack range

Vue 3 and TypeScript are where I work every day. The backend experience means I can read an API contract, find the real cause of a bug, and fix it on either side.

Daily driver Proficient Working knowledge

Languages

7
  • TypeScript
  • JavaScript (ES6+)
  • HTML5
  • PHP
  • SQL
  • CSS3
  • Python

Frontend and mobile

8
  • Vue 3
  • Nuxt 3
  • Pinia
  • Vite
  • Angular
  • React
  • Redux
  • Flutter

Backend and real-time

7
  • REST APIs
  • Laravel
  • CodeIgniter
  • Node.js
  • NestJS
  • Express
  • Socket.IO

Databases

4
  • MySQL
  • PostgreSQL
  • Redis
  • MongoDB

Platforms and integrations

6
  • Widget development
  • Oracle CPQ
  • Google Maps API
  • DocuSign
  • PWA
  • Git

Engineering practice

8
Reusable componentsAuth and route guardsDynamic formsPerformance tuningRich-text editorsAI SDK integrationData visualizationResponsive design
Nov 2018 – Present

Ctrl Alt Fix Solutions Pvt Ltd

Full Stack Developer, Hyderabad. Vue.js / Frontend Developer on Kapture for SoftClouds.

  1. Kapture · Enterprise Knowledge ManagementSoftClouds · Vue 3, TypeScript, Vite, Pinia

    Authoring application, dynamic document forms, AutoSave and draft recovery, workflows, recommendations, version history, UI security and performance.

  2. Service Connect / Kapture Agentic AISoftClouds · Vue 3, Vue Flow, FastAPI services

    Agent configuration screens, workflow builder contributions, API integration and troubleshooting.

  3. TRYPALLVY · PHP, Laravel, MySQL, DocuSign

    Backend APIs for driver onboarding, document verification, secure payments and digital agreements.

  4. Merchant ApplicationIndusInd · Angular, PWA

    Merchant onboarding, role-based access and QR payment scanning with encrypted payloads.

  5. Oracle CPQ CustomizationEquinix · JavaScript, Google Maps API

    Custom CPQ UI and map-based data center visualization.

  6. E-commerce platformsRICHLABZ · Laravel, CodeIgniter, Angular, MySQL

    Single- and multi-vendor stores with checkout and payment gateways.

  7. LMS Portal, Leave Management, InventoryEducation, High Court / NGO, Construction · PHP, Angular, MySQL

    Course and exam management, leave approvals and staff records, procurement and stock tracking.

More projects

Fintech, mobility, commerce, education and the tools businesses run on

ALLVY

TRYP

Laravel APIs for driver registration and onboarding, document verification, secure card payments and DocuSign agreement flows.

PHPLaravelMySQLDocuSign
IndusInd

Merchant Application

Angular PWA for merchant onboarding, role-based user management and QR-based payment scanning, with encrypted payload handling.

AngularPWAEncryption
Equinix

Oracle CPQ Customization

Customized CPQ UI components and map-based plugins that show data centers and infrastructure details on Google Maps.

JavaScriptGoogle Maps API
RICHLABZ

E-Commerce Platforms

Single- and multi-vendor stores with product and vendor management, orders, checkout and payment gateways.

LaravelCodeIgniterAngularMySQL
Education

LMS Portal

Learning management for courses and training: course management, enrolment, progress tracking, content delivery and scheduled online exams for students, instructors and admins.

PHPJavaScriptMySQL
High Court · NGO

Leave Management App

Leave request and approval workflows, employee records, payment and office-activity tracking, and role-based dashboards for administrators and staff.

PHPJavaScriptMySQL
Construction

Inventory Management

Materials, vendors, bidding and procurement, stock tracking, vendor payments and cost reports for construction projects.

PHPAngularMySQL
R&D

Prototypes and POCs

Proofs of concept exploring AI SDK integrations, desktop-like apps with Nuxt 3, and mobile-capable web features.

NuxtAI SDKsPWA
Reusable engineering

Plugins and engines built once, used across products

Dynamic Forms Engine

Configurable forms with validation and submission workflows.

Authentication Guards

Role- and route-based access protection.

Version Comparison

Article diffing and change tracking.

Document Preview

Word, PDF, AutoCAD and other formats in-app.

Language Translator

Node.js plugin for dynamic content translation.

Widget Generation

Create and embed widgets across applications.

Real-Time Chat

One-to-one, one-to-many and group messaging.

Voice Integration

Voice-to-text and text-to-speech, multiple voices.

Dashboards and Charts

Chart-library visualizations for dashboards.

Progressive Web Apps

Installable, desktop-like experiences.

Certifications
Vue.js CertificationW3Schools
AI and online course certificationsUdemy · be10x
Contact

Let's talk about your next frontend build.

Open to senior frontend and full stack roles working with Vue 3, Nuxt 3 and TypeScript on enterprise products.

LocationHyderabad, India