Skip to content
Playground · 10 Tools live

Nicht erzählt.Bewiesen.

Zehn echte Tools statt Screenshots: Support-Chat, SQL-Workbench, Stripe-Checkout, SAP-CAP, Games und mehr – alle live im Browser, mit echter Logik, sauberer Architektur und ohne Demo-Video.

playground.sh
open mouha-bahaji/playground --live
10 Tools bereit · kein Login · 100% im Browser
clientflow · sql-workbench · stripe · sap-cap · invoice · games
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind v4
  • sql.js · SQLite
  • Stripe
  • PocketBase
  • SAP CAP
  • OData V4
  • Framer Motion
  • Canvas API
  • Google OAuth
  • Rate Limiting
  • SSRF-safe Fetch
0
Live-Tools
alle direkt im Browser lauffähig
0
Kategorien
Assistenz · Full-Stack · Business · Games
0+
Szenarien & Flows
echte Test-Pfade statt Klick-Dummies
0%
Testbar
kein Demo-Video, kein Mockup

Tool-Auswahl

Wähle dein Tool und leg sofort los.

Filter nach Kategorie oder such direkt. Jede Karte führt in ein echtes, lauffähiges Tool – kein Mockup dazwischen.

Tool Finder10 Treffer
Empfohlener Einstieg

Freelancer Onboarding Portal

ClientFlow SaaS

Eigenständige Full-Stack-App mit Freelancer-Auth, tokenbasiertem Kundenportal, dynamischen Fragebögen, Activity Timeline und serverseitig geschützter PocketBase-Datenhaltung.

SaaSPocketBaseAuthWorkflow
5 Steps
Flow
Token + Auth
Access

Live im Browser

Direkt öffnen, Szenario testen und den Flow ohne Demo-Video nachvollziehen.

Tool öffnen
Live Demo

PocketBase Full-Stack Workspace

Client Portal

SaaS-Portal mit Login, Clients, Projekten, Rechnungen, Dateien und Activity-Flow.

Next.jsPocketBaseGoogle OAuthCRUD
Auth + 6
Module
PB-ready
Backend
Live Demo

Arcade + Canvas Lab

Browser Games

Games-Lobby mit vier spielbaren Canvas-Arcade-Games und sauberem Game-State-Aufbau.

CanvasArcadeTouchHighscore
4 Live
Games
WASD/Touch
Input
Simulator

Business Customer Chatbot

SupportFlow Chat

Businessfähiger Kundenchat mit regelbasierten Flows und strukturierter Lead-Erfassung.

ChatbotLead CaptureRegelbasiertLokal
15+
Flows
Local
Mode
Demo + API

Growth & SEO Engine

Website Audit

Website-Audit für SEO, Content, Conversion, UX, Accessibility und Technik.

SEOConversionAccessibilitySecurity
6
Scores
JSON/MD
Export
Local Demo

Business Tool

Invoice Generator

Rechnungs-Studio mit getabbtem Editor, A4-Live-Vorschau, §14-Pflichtangaben und PDF-Export.

Billing§14 UStGDSGVOPDF
§14 + §19
Recht
Lokal
Daten
Simulator

Payment Simulator

Stripe Checkout + Webhooks

Stripe-Testcheckout mit Webhook-Timeline, Event Store und sicheren Testkarten.

StripeWebhooksPocketBaseSimulator
Sim/Real
Mode
Live
Events
Demo + API

System Design Visualizer

API Request Lifecycle

API-Pipeline für Browser, DNS, CDN, Gateway, Auth, Cache, DB und Response.

API DesignReal API TestSSRF-safeError Handling
3
Modi
7
Scenarios
Live Demo

Database Performance Lab

SQL Query Workbench

SQLite-Workbench mit großem Query Editor, Schema Explorer, Explain und Performance Score.

SQLiteVisual ExplainIndexesPerformance
3.4k+
Rows
Local
Engine
Demo + API

Enterprise OData V4 Service

SAP CAP Supplier Quote

SAP-CAP/OData-Mini-Backend mit CDS, SQLite und Next.js Business UI.

SAP CAPOData V4CDSNo S/4
CAP
Backend
OData
Protocol

Warum „Playground"?

Spielwiese mit Anspruch.

Der Name ist locker, die Umsetzung nicht. Hinter jedem Tool steckt dieselbe Sorgfalt, die ich in echte Produkte stecke.

Echte Logik, keine Screenshots

Jedes Tool läuft wirklich – mit States, Daten, Fehlerfällen und Edge Cases statt Klick-Dummy.

Sicher gebaut

Rate-Limits, SSRF-Schutz, read-only Sandboxes und Test-Mode-only Payments – auch in der Demo.

Voll responsive

Mobile-first gedacht: große Touch-Targets, flüssige Layouts und saubere Bedienung ab 375px.

Sofort testbar

Kein Login, keine Installation. Öffnen, ausprobieren und die Architektur nachvollziehen.

Bereit für den nächsten Build

Lass uns aus deiner Idee ein testbares Produkt-Erlebnis machen.

Du suchst jemanden, der moderne Web-Interfaces praktisch umsetzt – oder brauchst eine neue Website bzw. ein individuelles Tool? Ich liefere einen klaren ersten Build, der nicht nur gut aussieht, sondern echte Logik zeigt.

Was du bekommst

Einen pragmatischen Plan, eine nutzbare Oberfläche und klare nächste Schritte für Backend, AI, Auth oder Launch.

Next.js + TypeScript Produkt-UI
AI-ready Workflows mit Anthropic/OpenAI
Auth, Payments, Rate Limits und Guardrails