Shashank Agarwal

UI/UX Tech Architect · Lead Frontend Engineer

Ich baue zugängliche, hochperformante Frontends mit React, React Native und SolidJS – mit starker Neigung zu klaren Anforderungen, soliden Tests und durchdachter Architektur.

Profil

Ich bin ein UI/UX-orientierter Frontend-Lead mit mehr als 13 Jahren Erfahrung beim Aufbau von Web- und Mobile-Produktoberflächen. In jeder Rolle, die ich übernommen habe, befasse ich mich früh mit Anforderungen, plane Funktionen sorgfältig, negotiate API-Verträge mit Backend-Partnern und stelle die Spezifikation in Frage, wenn ein besserer Umfang oder eine bessere Erfahrung möglich ist. Tag für Tag kümmere ich mich am meisten um Frontend-Architektur, Design-Systeme und Performance – und um die Verstärkung von Code-Standards durch rechtzeitige Code-Reviews und Mentoring.

Bei Webbee GmbH leite ich React- und React Native-Arbeiten über Butlerapp (Buchungsmanager und CRM) – einschließlich Embeds auf 200+ Websites – und TaylorDb (AI App Builder).

Fähigkeiten

Kern
  • React
  • React Native
  • TypeScript
  • JavaScript
  • Node.js
Architektur
  • UI/UX-Architektur
  • Design Systeme & Komponentenbibliotheken
  • API-Vertragsgestaltung
  • Zugängliche Frontends
  • Hochperformante UI
  • Responsive Layouts
Status & Daten
  • Redux
  • GraphQL
  • TanStack Query
  • TanStack Router
  • React Router
Styling
  • CSS-in-JS
  • Tailwind
Qualität
  • Test-Driven Development
  • Vitest
  • Playwright
  • Unit- / Integrations- / E2E-Tests
  • Storybook
  • Debugging
Plattformen
  • Next.js
  • Expo
  • Reanimated / Gesture Handler
  • SolidJS
Soft Skills
  • Mentoring
  • Code Review
  • Anforderungsanalyse
  • Feature-Planung
  • KI-gestützte Technik

Gesprochene Sprachen

Erfahrung

Lead Frontend Engineer · Webbee GmbH

Aug 2020 – Heute

Minsk, Belarus

Ich leite Frontend-Architektur und Delivery für Butlerapp (Buchungsmanager und CRM) und TaylorDb (KI-App-Builder). Die folgende Zeitleiste zeigt, wie sich diese Arbeit entwickelt hat.

  1. Butlerapp Booking Form

    React 16 · TypeScript · UX-Architektur

    • Habe die Legacy-Buchungsformulare als moderne React- und TypeScript-Anwendung neu aufgebaut, die weiterhin mit den vorhandenen PHP-APIs kommuniziert.
    • Habe einen Event Cart entworfen und bereitgestellt, der sauber auf den bereits vorhandenen Daten funktionierte, anstatt ein Backend-Rewrite zu erzwingen.

  2. SchnellTestButler

    React Native · Expo · NativeBase · UX-Architektur

    • Habe Butlerapp mit Scheduling-Flows für Hochvolumen-COVID-Tests erweitert und deckte Buchungen, Queue-Timing und Ergebnisübergabe ab.
    • Habe eine React Native Field App mit QR-Check-in und Multi-Account-Zugriff entwickelt; auf ihrem Höhepunkt war sie bei mehr als 1.500 Testzentren in Deutschland in Gebrauch.
    • Habe die App im App Store und Google Play veröffentlicht.

  3. Butlerapp Dashboard — React Native Migration

    React Native · Expo · NativeBase

    • Habe das klassenbasierte React Butlerapp Dashboard zu einer hybriden React Native App auf Expo und NativeBase migriert und gab dem Produkt dabei ein umfassendes UX-Overhaul.
    • Habe ein View System von Grund auf entworfen und gebaut, damit Operatoren Filter, Sortierung und Layout als wiederverwendbare Views speichern konnten, und machte die Schnittstelle vollständig responsive.
    • Habe Autodesk BaseTable übernommen, um Operatoren ein deutlich schnelleres Table-Erlebnis bei großen Datenmengen zu bieten.
    • Habe Filter zu Filter-Chips umgestaltet mit einem Ranking-Modell, das die am meisten verwendeten Filter zuerst anzeigt.
    • Habe Dashboard-Anpassung hinzugefügt, damit jeder Kunde das Produkt an sein eigenes Branding anpassen konnte.

  4. TaylorDb — KI App Builder

    React Native · GraphQL · WebSockets · Client-seitige Datenschicht

    • Habe TaylorDb etwa zwei einhalb Jahre lang geleitet, während es sich vom App-Builder zu einem Airtable-ähnlichen Datenprodukt und schließlich zu einem KI-App-Builder entwickelte.
    • Habe den Client als lokale Datenbank behandelt: Alle Produktdaten kamen über GraphQL auf WebSockets anstatt REST an, daher habe ich eine dedizierte Daten-Loading-Layer und ein Subscription-System gebaut, das lokale States synchron hielt, während ich Race Conditions navigierte, da Events eingingen. Ein Local-First-Cache ließ Leute sofort arbeiten, mit Live-Daten, die sich über Subscriptions einfüllten.
    • Habe Mid-Level-Ingenieure eingearbeitet und sie mentoriert, bis sie als unabhängige Seniors agieren konnten.
    • Habe die verfügbaren React Native Component Libraries zu dieser Zeit verglichen, dann eine Greenfield Library entworfen und gebaut— react-native-molecules (npm) —um als gemeinsame UI-Grundlage über Produkte zu dienen.

  5. Butlerapp Dashboard — Upgrades & Grid System

    React Native · Widget Systems

    • Bin zurück zu Butlerapp Dashboard für einen Major Upgrade Cycle gekommen, inklusive eines responsiven Grid Builders und eine Reihe von Widgets, die vom Backend angetrieben werden.
    • Habe Self-Onboarding implementiert, damit eingeloggte User ohne Hand-Held-Setup Wert erreichen konnten.
    • Habe einen Junior Developer eingearbeitet, ihn durch tägliche Delivery mentoriert und gründliche Code Reviews durchgeführt, damit Quality hoch blieb, während das Team schneller vorrückte.
    • Arbeite derzeit an der Mobile App für diese Produktoberfläche.

  6. Butlerapp Booking Form — React 19 & Embed Platform

    React 19 · TypeScript · Embeddable Widgets · Cross-Site Integration

    • Habe Butlerapp Booking Form um React 19 re-architekturiert, damit die Codebase zukünftige Änderungen sauber aufnehmen konnte, und habe das Formular in Butlerapp Dashboard integriert, damit Operatoren in einer kontinuierlichen Erfahrung arbeiten.
    • Das Formular läuft jetzt auf mehr als 200 Websites und bringt tausende Buchungen jeden Monat ein. Es kann auf jeder Seite öffnen, die die Booking-Scripts lädt, nicht nur auf einer dedizierten Integrationsseite.
    • Baue Cross-Domain einbettbare Widgets, die um das Formular sitzen—Calendar, Offer Card, Accordion, Table und User Login—damit Host-Sites Inventory in der Form präsentieren können, die sie brauchen.

UX Lead · Zycus India Pvt. Ltd.

Jan 2018 – Jul 2020

Mumbai, India · React · Angular 8

Zycus baut eine führende Source-to-Pay-Plattform für Procurement. Ich leitete Frontend-Arbeiten über Produktmodule, trieb Modernisierung von Legacy-Stacks voran und managte ein Team von Frontend-Ingenieuren.

  • Habe React Plugins gebaut, die Flash und ActionScript in proprietären internen Tools ersetzten, was diese Oberflächen leichter zu warten machte und in modernen Browsern nutzbar machte.
  • Habe CRMS und iAnalyse übernommen, als sie noch auf separaten Stacks lebten – eine PHP-Service mit jQuery/PHP Front-End, die andere eine Java-Service mit jQuery/Java Front-End. Ich leitete den Frontend-Rewrite beider auf Angular 8, als Zycus sich auf eine UX-Plattform über das Unternehmen standardisierte.
  • Habe ein COVID Spend Analysis Dashboard gebaut, das die Kosten eines Unternehmens mit Industrie-Peers verglich, damit Procurement-Teams schnell Ausreißer erkennen konnten. Wir nahmen die Idee von einer zweitägigen Hackathon-POC zur Production in etwa einer Woche.
  • Habe ein Spend Dashboard mit responsiven Highcharts Visualisierungen gebaut, damit Teams Cost-Daten auf Desktop und kleineren Screens erkunden konnten, ohne die Chart-Erfahrung zu verlieren.
  • Habe einen Custom Pivot Table von Grund auf für iAnalyse entworfen und implementiert, geformt um die Analyse-Anforderungen des Produkts, anstatt eines generischen Third-Party-Grids. Er unterstützte Drag-and-Drop-Layout von mehreren Dimensionen und Measures auf beiden Achsen, plus verschachtelte Gruppen mit kollapsibaren Zeilen.
  • Habe ein Team von fünf Frontend-Developern mentoriert, führte regelmäßige Code Reviews durch, um Quality konsistent zu halten, und bezog sie in technische Design- und Sprint-Planung ein, damit Ownership beim Team lag, nicht nur bei mir.

Schlüsselmodule: Proprietäres Reporting und Datenanalyse, COVID Spend Analysis Dashboard, Spend Dashboard (Highcharts), Custom Pivot Table für iAnalyse

Software Engineer II · Omnichanneler Technologies Pvt. Ltd.

Apr 2017 – Nov 2017

Bangalore, India · React · Backbone.js

Product Startup, der Point-of-Sale- und Multi-Channel-Inventory-Tools für Einzelhändler baut, die online und offline verkaufen.

  • Habe ein Backbone.js Frontend gepflegt und erweitert, neue Feature-APIs unter engen Release-Deadlines zu einer responsiven Web UI verdrahtet.
  • Habe einen B2B POS Flow gebaut, damit Einzelhändler Bulk-Volume B2B Orders akzeptieren konnten, anstatt sie nur als One-Off Retail Sales zu handhaben.
  • Habe QuickBooks und Tally ERP Onboarding Workflows integriert, damit Kunden ihren Accounting Stack als Teil des Setups verbinden konnten.
  • Habe den Rebuild von Key Application Surfaces in React geleitet, damit Migrations-Arbeiten zusammen mit neuen Capabilities für Retail-Operatoren landen konnten.

Schlüsselarbeit: B2B POS für Bulk Orders, QuickBooks und Tally ERP Onboarding, angepasste Invoice-Templates und Migration von der Legacy Frontend zu React

Assistant Project Manager · Unlock Technologies Pvt. Ltd.

Sep 2013 – Apr 2017

Mumbai, India · jQuery · AJAX · HTML5 · CSS3 · Ionic

Services Company, die Corporate Sites, E-Commerce und Web- und Hybrid Mobile Applications für Clients liefert.

  • Habe Production Websites und Web Apps mit jQuery, AJAX, HTML5 APIs und CSS3 vom Requirements und Wireframes bis zur Browser-Ready Delivery geliefert.
  • Habe die Mobile Application Line des Unternehmens in Ionic gebaut: PayPointZ Wallet und eine WebView App für ein Online-Auktionskunstunternehmen – das Portfolio erweitert und einen neuen Revenue Stream für Client Work eröffnet.
  • Habe mehrere E-Commerce-Templates für die Unlock Commerce Vertical gebaut, dem Team wiederverwendbare Storefront Starting Points für Client Work gegeben.
  • Habe moderne Web-Praktiken in die Organisation eingeführt und Version Control von VSS zu selbst gehosteten Git verlagert.
  • Habe Customer Onboarding und Training durchgeführt, Goals für Multi-Functional Teams gesetzt und Delivery bei vereinbarter Quality und Timelines gehalten.

Ausgewählte Projekte: PayPointZ Wallet, Intro (Online-Identität) und Unlock Commerce E-Commerce-Templates

Nebenprojekte & Bibliotheken

shashankagarwal.devdieses Projekt

Astro · Puppeteer · TypeScript · CSS Grid

Mehrsprachiger Lebenslauf mit Generierung von PDFs zur Build-Zeit. Verfügt über ein responsives Design, CSS-Grid-Layouts, die perfekt in PDFs gerendert werden, lokale Schriftarten und automatische Bereitstellung auf Cloudflare Pages über GitHub Actions. Verfügbar auf Englisch, Deutsch und Russisch.

json-tree-editorNebenprojekt

SolidJS · TypeScript · Web Component

Ein leistungsstarker JSON-Tree-Editor für Solid-Apps und über eine Web Component für andere Stacks. Ich leitete einen KI-gestützten Build mit Fokus auf große Bäume und einer einfachen Regel: Der Quellstring bleibt die einzige Dokumentwahrheit.

json-schema-formNebenprojekt

React · JSON Schema · UI Schema · TypeScript

Ein datengesteuerter Formular-Builder für React: JSON Schema für Validierung, ein UI Schema für Grid-Layout und benutzerdefinierte Renderer, wenn Sie volle Kontrolle benötigen. JS- und SolidJS-Ports sind in Arbeit.

react-native-moleculesmit Webbee

React Native · TypeScript

Eine freigegebene React Native-Komponentenbibliothek, die ich während der Leitung von TaylorDb entwarf; sie wurde zur UI-Grundlage mehrerer Produkte.

DashboardHobby, in Arbeit

SolidJS · TanStack Query · Router

Ein Hobby-Workflow-Engine- und ERP-ähnlicher Builder, der mit vordefinierten Modulen ausgeliefert werden soll. Endbenutzer können ihre eigenen Dashboards, Berichtabschnitte und benutzerdefinierten Workflows auf ihre Datensätze abstimmen.

Ausbildung

Bachelor of Science in Informationstechnologie

University of Mumbai, Mumbai, Indien

2009
Lass uns sprechen