Service · Individual­entwicklungService · Individual development

<web-devweb-dev/>
Web-Apps,Web apps, auf Maß.made to measure.

Für individuelle Anforderungen an benutzerfreundliche und technisch zuverlässige Web-Anwendungen entwickeln wir die passende Lösung — vom ersten Whiteboard-Sketch bis zum produktiven Release. Fullstack, agil, in Time & Cost.We develop user-friendly, technically reliable web applications for individual requirements — from the first whiteboard sketch to the production release. Full-stack, agile, on time and on budget.

Projekt startenStart project Tech Stack ansehenView Tech Stack
StackStackFullstackFull stack
MethodeMethodAgile · CI/CDAgile · CI/CD
PlattformPlatformWeb · iOS · AndroidWeb · iOS · Android
ModellModelFixed · T&MFixed · T&M
// 01 · Leistungen// 01 · Services

Was wir bauen —What we build - vom Backend bis zur Hosentasche.from the backend to the pocket.

Drei Anwendungs­bereiche, ein durchgehender Engineering-Standard. Keine Stilrichtung, kein Trend — die Lösung, die zur Aufgabe passt.Three application areas, one consistent engineering standard. No style, no trend — the solution that fits the task.

// 01

Individuelle Web-AppsIndividual web apps

Konfigurierbare Portale, Dashboards und Fachanwendungen — sauber abgegrenzt, rollenbasiert, mit klarer Informations­architektur.Configurable portals, dashboards and specialist applications — clearly delineated, role-based, with clear information architecture.

SPASPASSRSSRAuth/RBACAuth/RBACMulti-TenantMulti-tenant
// 02

APIs & IntegrationenAPIs & Integrations

REST, GraphQL, Event-Streams. Anbindung an ERP, CRM, IoT-Hardware und Drittsysteme — robust, dokumentiert, monitoring-ready.REST, GraphQL, event streams. Connection to ERP, CRM, IoT hardware and third-party systems — robust, documented, monitoring-ready.

RESTRESTGraphQLGraphQLWebSocketWebSocketOAuth2OAuth2
// 03

Hybrid-AppsHybrid apps

Eine Codebasis — iOS, Android und Web. Native Performance dort, wo sie zählt; geteilte Logik überall sonst. Flutter as a first choice.One codebase — iOS, Android and Web. Native performance where it counts; shared logic everywhere else. Flutter as a first choice.

FlutterFlutterPWAPWAPushPushOffline-firstOffline first
// 01 Custom Web-Apps// 01 Custom web apps

Anwendungen, die zuApplications that too Ihrem Prozess passen.fit your process.

Standardsoftware endet dort, wo Ihr Fachprozess anfängt. Wir bauen Web-Apps, die genau auf Ihre Abläufe zugeschnitten sind — und bleiben so klein wie möglich, so groß wie nötig.Standard software ends where your specialist process begins. We build Web apps that are tailored precisely to your processes — and stay as small as possible, as big as necessary.

  • + Rollen- und Rechtekonzept ab WerkRoles and rights concept ex works
  • + Mehrmandanten­fähigkeit, sauber isoliertMulti-client capability, cleanly isolated
  • + Audit-Trails & Daten­export DSGVO-konformAudit trails & data export GDPR compliant
  • + White-Label-Skinning per KonfigurationWhite label skinning via configuration
app.kunde.de/admin/usersapp.kunde.de/admin/users
// Benutzer · 1.284// Users · 1,284 Filter: aktivFilter: active
Admin · 12Admin · 12 Manager · 64Manager · 64 Editor · 208Editor · 208 Viewer · 1.000Viewers · 1,000
AKAK
A. KüttelA. Küttel anna.kuettel@kunde.deanna.kuettel@kunde.de
ADMINADMIN SSOSSO 14:30
MFMF
M. FüßlM. Füßl m.fuessl@kunde.dem.fuessl@kunde.de
MANAGERMANAGER SSOSSO 11:08
RSRS
R. SaffariR. Saffari r.saffari@kunde.der.saffari@kunde.de
EDITOREDITOR MFAM.F.A 09:45
// 02 APIs & Integrationen// 02 APIs & Integrations

Saubere Schnittstellen stattClean interfaces instead schlechter Workarounds.poor workarounds.

Daten leben dort, wo sie entstehen — in ERP, CRM, IoT-Hardware, Stromhandelssystemen, Gebäude­leittechnik. Wir verbinden das alles mit gut dokumentierten, versionierten APIs und behalten Latenz, Fehler­raten und Verfügbarkeit im Blick.Data lives where it is created - in ERP, CRM, IoT hardware, Electricity trading systems, building management technology. We connect it all with well-documented, versioned APIs and retain latency, Error rates and availability at a glance.

  • + REST · GraphQL · WebSocket-StreamsREST · GraphQL · WebSocket streams
  • + OAuth2 / OIDC, API-Keys, mTLSOAuth2 / OIDC, API keys, mTLS
  • + Rate-Limiting, Caching, Idempotency-KeysRate limiting, caching, idempotency keys
  • + OpenAPI-Spezifikation als VertragOpenAPI specification as a contract
api.k-tronik.digital/v2/devicesapi.k-tronik.digital/v2/devices
// GET /v2/devices?status=online// GET /v2/devices?status=online 200 OK · 42ms200 OK · 42ms
$ curl -H "Authorization: Bearer ••••" \curl -H "Authorization: Bearer ••••" \
https://api.k-tronik.digital/v2/deviceshttps://api.k-tronik.digital/v2/devices
 
{
"count""count": 142,
"online""on-line": 140, "offline""offline": 2,
"devices""devices": [
{ "id":{ "id": "pv-nord-12""pv-nord-12", "kw":"kw": 2840 },
{ "id":{ "id": "battery-04""battery-04", "soc":"soc": 87 },
]
}
p99 Latenzp99 latency
86msms
Uptime · 30dUptime · 30d
99.97%
Req / minReq/min
12.4kk
// 03 Hybrid-Apps · Mobile// 03 Hybrid Apps · Mobile

Eine Codebasis,A code base, überall zu Hause.at home everywhere.

Mobile-First, wo es Sinn ergibt. Mit Flutter und progressive Web Apps liefern wir Anwendungen, die auf iOS, Android und im Browser identisch funktionieren — ohne dass Sie drei Teams parallel bezahlen müssen.Mobile-first where it makes sense. With Flutter and progressive web apps We deliver applications running on iOS, Android and in the browser work identically — without having to run three teams in parallel have to pay.

  • + Flutter für native UI-PerformanceFlutter for native UI performance
  • + Offline-first mit lokaler SQLite-SynchronisationOffline-first with local SQLite synchronization
  • + Push-Notifications & Deep LinkingPush notifications & deep linking
  • + CI-Pipeline für TestFlight & Play ConsoleCI pipeline for TestFlight & Play Console
mobile-build · v2.4.1 · ios + androidmobile-build · v2.4.1 · ios + android
09:42 ●●●
// MIETER-APP// TENANT APP
Guten Morgen, Anna.Good morning, Anna.
TICKET · #2294TICKET · #2294 Heizung im BadHeating in the bathroom → in Bearbeitung→ in progress
BUCHUNGBOOKING Waschküche · Sa 14:00Laundry room · Sat 2:00 p.m
+ MELDUNG+ NOTIFICATION
$ flutter build apk --releaseflutter build apk --release
→ Running Gradle task 'assembleRelease'…→ Running Gradle task 'assembleRelease'…
→ Built build/app/outputs/flutter-apk/→ Built build/app/outputs/flutter-apk/
✓ app-release.apk (24.8 MB)✓ app-release.apk (24.8 MB)
 
$ flutter build ipaflutter build ipa
→ Building com.kunde.app for device…→ Building com.kunde.app for device…
✓ Runner.ipa (31.2 MB)✓ Runner.ipa (31.2 MB)
 
$ fastlane deployfastlane deploy
✓ TestFlight · build 142✓ TestFlight build 142
✓ Play Console · internal✓ Play Console · internal
// Methodik// Methodology

Agile.Agile. In Time. In Cost.In time. In Cost.

Fünf Phasen, ein klarer Ablauf — von der ersten Idee bis zum laufenden System in Produktion.Five phases, a clear process - from the first idea to the running system in production.

01
Step 01Step01

RequirementsRequirements

  • Anforderungs­analyseRequirements analysis
  • ProduktideeProduct idea
  • AufwändeExpenses
02
Step 02Step 02

Designdesign

  • Architekturarchitecture
  • PrototypingPrototyping
  • UI/UXUI/UX
03
Step 03Step 03

EntwicklungDevelopment

  • Agile SprintsAgile sprints
  • Fullstack WebFull stack web
  • Hybrid AppsHybrid apps
04
Step 04Step 04

IntegrationIntegration

  • Build & ConfigBuild & Config
  • CI / CDCI/CD
  • RolloutRollout
05
Step 05Step05

QAQA

  • Unit · ModulUnit · Module
  • IntegrationIntegration
  • SystemSystem
// Stack// Stack

Werkzeuge, dieTools that zur Aufgabe passen.fit the task.

Wir wählen pragmatisch — kein Tool um des Tools willen. Was am besten zum Problem passt, kommt in den Werkzeugkasten.We choose pragmatically - not a tool for the sake of a tool. Whatever best suits the problem goes into the toolbox.

Vendor-Marken bleiben in Originalfarbe — wir entwickeln mit, nicht gegen, das Ökosystem.Vendor brands remain in their original color — we develop with, not against, the ecosystem.

BackendBackend

PHPPHPLaravelLaravelNode.jsNode.js ExpressExpressDockerdocker PostgreSQLPostgreSQLMariaDBMariaDBMySQLMySQLMongoDBMongoDB

FrontendFront end

Vue.jsVue.jsReactReactVuetifyVuetifyTailwindTailwind BootstrapBootstrapHTML5HTML5CSSCSS JavaScriptJavaScriptTypeScriptTypeScriptFlutterFlutter

PracticesPractices

CI / CDCI/CDAgileAgileCode ReviewCode review Unit TestsUnit testsUX ResearchUX ResearchOpenAPIOpenAPI
// Ihr Projekt// your project

Sie haben eine Idee —You have an idea - wir bauen die App.we build the app.

Schreiben Sie uns einen kurzen Aufriss Ihres Vorhabens. Erstgespräch & Aufwands­schätzung unverbindlich, in der Regel innerhalb von 48 Stunden.Write us a brief outline of your project. Initial consultation & cost estimate is non-binding, usually within 48 hours.

Anfrage sendenSend request Auch interessant: DS-PortalYou may also like: DS-Portal