Profil

Als Web-Developer liegt mein Fokus in der Front- und Backend-Entwicklung. Im Job arbeite ich hauptsächlich mit JavaScript, TypeScript und SCSS in Vue, Nuxt und Nest.js, privat probiere ich gerne neue Frameworks wie Astro aus, und setze eigene Projekte mit Python, Docker, Vite, esbuild, Node.js oder Deno um.

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

Erfahrung

i22 Digitalagentur GmbH

Seit Juli 2022:
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

School Seating Plan

In der Entwicklung

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.
Online hier:
Landing Page
Online hier:
App
Code auf:
GitHub/sitzplan (App)
Code auf:
GitHub/sitzplan-landing (Landing Page)
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

Stock Trend Strategy

In der Entwicklung

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.

Online hier:
App (stock-trends.christiankozalla.com)
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

Erweitere meine Skills

Ich will meine Fähigkeiten auf den folgenden Gebieten erweitern:

  • Testing, z.B. mit Jest, Cypress
  • Backend-Entwicklung mit JS/TS, Golang, Docker, SQL
  • GitHub Actions, GitLab CI
  • Web Components, z.B. mit StencilJS, LitElement