Profil

Als Webentwickler ist TypeScript meine Sprache der Wahl. Ich bringe breite Erfahrung im JavaScript-Ökosystem sowohl im Frontend als auch in Node.js oder Deno mit. Mit meiner Hands-on-Mentalität bin ich in der Lage, die Power von Next.js, Nuxt, Remix, React, Vue und Astro zu nutzen. Darüber hinaus erwerbe ich Fachkompetenz in Go und DevOps.

Ich bin höchst motiviert meine Kenntnisse und Fähigkeiten jeden Tag zu erweitern, um Code-Wartbarkeit, -Testbarkeit und Nutzer-Experience zu verbessern.

Erfahrung

GK Software - RETAIL7

Seit August 2024:
Developer
Aufgaben:
  • Weiterentwicklung eines Kassensystems, das auf fast allen Geräten läuft.
  • Entwicklung mit TypeScript, Vue, Cordova, Electron
Tools:
TypeScript Less Vue PostgreSQL Docker Electron GitLab Jira

i22 Digitalagentur GmbH

Juli 2022 - Juli 2024
Frontend Developer
März 2022 - Juni 2022:
Junior Frontend Developer
Aufgaben:
  • Neu- und Weiterentwicklung einer Buchungsstrecke für Basis- und Pro-Tarif einer App.
  • Entwicklung einer API Facade mit Nest.js, um Services auf einfache Weise den öffentlichen Front- und Backend-Applikationen bereitzustellen.
  • Weiterentwicklung von E-Commerce Features im Frontend
Tools:
JavaScript TypeScript SCSS Vue Vuex Jest Nuxt Git GitLab Jira

Chemmedia AG

Nov. 2020 - Feb. 2022
Werkstudent - Frontend
Aufgaben:
  • Weiterentwicklung einer Vue App, die zur Content-Pflege eines E-Commerce Shops genutzt wird. Mit der Vue App ist es möglich, neue Produktseiten für den Online-Shop zu erstellen oder bestehende Produktseiten zu aktualisieren. Der eingegebene Content wird in Form von PHP-Arrays ausgegeben, die vom Web-Server zum Rendern einer Produktseite in HTML-Templates eingebunden werden.
  • Weiterentwicklung und Wartung des Frontends eines E-Commerce Shops mit SCSS und JavaScript. Verbesserung der DX, Aktualisierung veralteter Tools und Verbesserung der Web-Vitals des Shops.
Tools:
JavaScript SCSS Webpack Vue Vuex Bootstrap Docker Git Bitbucket Jira

Projekte

Stock Trend Strategy

Berechnung von Kauf-Signalen basierend auf dem Elder-Force-Index (EMA + MACD)

Deno Worker + FastAPI server + React Frontend
OHLC-Tageskerzen der Aktien des S&P500 und NASDAQ100 werden von der Alpaca API täglich heruntergeladen. Basierend auf den OHLC-Tageskerzen werden Kauf-Signale berechnet und in einer SQLite Datenbank persistiert. Die Signale können im Frontend mit verschiedenen Parametern (Risk-Reward-Ratio, Ausstiegs-Kriterien) 'backtested' werden, um die Performance der Signale zu auszuwerten. Aktuell wird der Aktien-Chart im React Frontend mithilfe der Library Google-Charts angezeigt.

Code auf:
GitHub/stock-trend-strategy
Features:
  • Anbindung an Alpaca API
  • Cron Job zum täglichen Download der Aktien-Kurse, persistieren auf dem Datei-System, Berechnung der Signale und persistieren in SQLite
  • GitHub Action zum Deployment auf dem Server
  • Anzeige der Aktien-Kurse mit einem SVG-Chart, gebaut mit Visx Library
  • Anzeige der generierten Signale einer Aktie & Backtest-Chart der Signale
Gebaut mit:
React TypeScript Deno Python, FastAPI PostgreSQL SQLite GitHub Actions Caddy

School Seating Plan

App für Lehrer, um einen Sitzplan zu erstellen

Lehrer können einen völlig benutzer-definierten Sitzplan erstellen. Schüler und Tische können per Drag-n-Drop angeordnet werden. Die App bietet zudem eine Auto-Verteilungs-Funktion, die die Schüler:innen anhand bestimmter Bedingungen anordnet. Die Bedingungen können vom Lehrer für jeden Schüler eingegeben werden:

  • Schüler:in muss in der ersten oder letzten Reihe sitzen
  • Schüler:in darf nicht neben bestimmten Schülern sitzen
  • Ordne Mädchen und Jungen abwechselnd an
Die Nutzer können ihren Sitzplan über die URL teilen oder als PDF speichern.
App deployed auf:
https://christiankozalla.com/sitzplan
Code auf:
GitHub/sitzplan (App)
Features:
Frontend
  • Nutzer können Schüler und Tische in einem Raster anordnen.
  • Nutzer können die Anzahl der Reihen und Spalten des Rasters zwischen 9 und 12 selbst wählen.
  • Nutzer können Tische und Schüler per Drag-n-Drop verschieben.
  • Nutzer können einzelne Tische und Schüler entfernen.
  • Nutzer können Bedingungen zur Sitzreihe oder Nachbarn einzelner Schüler eingeben, die von der Auto-Verteilungs-Funktion genutzt werden.
  • Nutzer können ihren Sitzplan als URL teilen oder als PDF speichern.
Gebaut mit:
React TypeScript Vite react-dnd jspdf