StrategyFlow
StrategyFlow is een drag & drop trading platform voor Kraken waarmee gebruikers visueel strategieën kunnen bouwen en uitvoeren. Het project behaalde de 2e plaats tijdens de 2,5 week online Kraken Forge Hackathon.
StrategyFlow
Low-Code Trading Builder voor Kraken
StrategyFlow is een visuele low-code tool waarmee crypto traders strategieën kunnen bouwen, testen en uitvoeren op het Kraken-platform – zonder ook maar één regel code te schrijven. Het project werd ontwikkeld tijdens de Kraken Forge Hackathon 2025 en behaalde de 2e plaats in de categorie Strategy Builder.
Met behulp van drag & drop blokken kunnen gebruikers trading workflows opstellen, parameters instellen via een visueel inspectiepaneel en strategieën simuleren of direct uitvoeren met live API-integratie.
Vraagstuk
Probleemstelling
Het bouwen van geautomatiseerde handelsstrategieën vereist doorgaans diepgaande programmeerkennis. Vooral Kraken’s API (met HMAC-SHA512 authenticatie en nonce-handling) vormt een hoge instapdrempel, zelfs voor meer ervaren developers. Bovendien ontbreekt vaak visuele feedback, waardoor fouten lastig te debuggen zijn.
Solution
Onze oplossing
Met StrategyFlow maken we strategieontwikkeling visueel, toegankelijk en veilig. Gebruikers kunnen via een canvas blokken verbinden die overeenkomen met orderacties, condities of logica. De strategie is direct te testen via een simulator en vervolgens uitvoerbaar via de Kraken API.
Belangrijke features zijn onder andere:
-
Drag & Drop Editor (met React Flow)
-
Volledige Kraken API-integratie (AddOrder, CancelOrder, etc.)
-
Simulator met live debugging
-
Template Gallery met o.a. DCA, Stop-Loss en RSI-strategieën
-
Blokconfiguratie via inspectiepaneel
-
Export als JSON of TypeScript SDK
Gebruikte technieken
Technische Implementatie
De front-end is gebouwd met React 19.2, Next.js 16, TypeScript 5 en Tailwind CSS 4. De architectuur is modulair: elk bloktype (bijv. Order, Conditie, Utility) is als los component geïmplementeerd voor maximale herbruikbaarheid.
Server-side API-routes zorgen voor veilige verwerking van Kraken credentials (keys blijven op de server). Blokken zijn type-safe gedefinieerd via discriminated unions in TypeScript, wat zorgt voor betrouwbaarheid tijdens ontwikkeling en uitvoering.
Prestatie-optimalisaties zoals lazy-loading, memoization en React Flow’s virtualisatie zorgen voor een soepele gebruikerservaring, zelfs bij grote strategieën.
