- 📍 Eichstetten am Kaiserstuhl

- 🗣 Deutsch (Muttersprache) · Englisch (fließend) · Typescript (fließend)

- 🟢 Verfügbar für neue Projekte

 

import { Developer } from "./types"

 

export const sebastian: Developer = {

name: "Sebastian Koch",

role: "Senior Frontend Engineer",

location: "Eichstetten am Kaiserstuhl",

bio: [

"Senior Frontend Engineer mit Leidenschaft für sauberen Code, durchdachte Interfaces und Performance. Aktuell entwickle ich eine Plattform für die Kommunikation im Energiemarkt.",

"Mein Weg führte von der Ausbildung zum Fachinformatiker über die Entwicklung eines kompletten Onlineshops bis hin zu komplexen Web-Plattformen – immer mit dem Anspruch, Dinge richtig zu machen.",

"In meinen privaten Projekten baue ich alles selbst: Frontend, eigenes Backend, Datenmodell und Deployment.",

],

languages: ["Deutsch (Muttersprache)", "Englisch (fließend)", "Typescript (fließend)"],

license: "Klasse B",

hobbies: ["Programmieren", "Schlagzeug spielen", "Ehrenamtliche Tätigkeit in der Guggemusik"],

available: true,

{

"type": "work",

"company": "Mako365 GmbH",

"role": "Senior Frontend Engineer",

"location": "Mannheim",

"period": "Mai 2025 – heute",

"highlights": [

"Entwicklung einer Plattform zur Kommunikation im Energiemarkt.",

"Planung, Konzeption und Umsetzung ganzheitlicher Prozesse."

]

},

{

"type": "work",

"company": "Alexander Bürkle GmbH",

"role": "Softwareentwickler",

"location": "Freiburg",

"period": "Feb. 2022 – Mai 2025",

"highlights": [

"Entwicklung eines Onlineshops mit React.js und TypeScript.",

"Automatisiertes Frontend-Testing mit Cypress.",

"QA / QS."

]

},

{

"type": "training",

"company": "EMIS Electrics GmbH, Waldkirch",

"role": "Ausbildung Fachinformatiker Anwendungsentwicklung",

"period": "Jan. 2020 – Feb. 2022",

"highlights": [

"Entwicklung, Gestaltung und Wartung von Vue.js-Applikationen. Umsetzung von Python-Backends, um Sensordaten zu verarbeiten und über eine API bereitzustellen."

]

},

{

"type": "education",

"company": "DHBW Karlsruhe",

"role": "3 Semester Studium Informatik",

"period": "Okt. 2018 – Nov. 2019"

},

{

"type": "education",

"company": "Max-Weber-Schule, Freiburg",

"role": "Fachhochschulreife Wirtschaftsinformatik",

"period": "Sep. 2016 – Juli 2018"

}

export const skills = {

"TypeScript / JavaScript": 5, // █████

"React.js": 4, // ████░

"HTML / CSS": 4, // ████░

"Cypress": 4, // ████░

"Vue.js": 3, // ███░░

} as const;

 

export const stack = [

"Next.js", "Node.js", "Express", "Python", "Firebase", "Material UI", "styled-components", "Framer Motion", "Git"

export const everythingApp: Project = {

name: "EverythingApp",

tagline: "Eine App für alles – meine persönliche Super-App, inklusive eigenem Backend.",

description: "Eine als PWA gebaute Allround-App, die rund 20 Alltags-Tools unter einem Dach vereint: von Reiseplanung über Haushalt und Rezepte bis zur Zeiterfassung. Dahinter läuft ein eigenes Express-Backend, das die Firestore-Zugriffe absichert, Überstunden serverseitig berechnet und Mails verschickt; geplante Jobs und Push-Benachrichtigungen übernehmen Firebase Cloud Functions. Schreibvorgänge funktionieren offline und werden beim Reconnect feldweise zusammengeführt.",

stack: ["Next.js", "React", "TypeScript", "Express", "Node.js", "Firestore", "Cloud Functions", "Material UI", "styled-components", "i18next", "PWA", "Sentry", "Vercel", "Kotlin"],

backend: {

runtime: "Express 5 + TypeScript auf Node 22",

data: "Firestore über firebase-admin, Collection-Allowlist + Schema-Validierung",

auth: "Firebase-ID-Token + API-Token, serverseitiges Owner-Scoping",

jobs: "Firebase Cloud Functions (Cron): Push-Versand, Überstunden- & Buchungs-Checks",

types: "aus dem Backend generierte API-Typen, mit dem Frontend synchronisiert",

deploy: "Vercel · api.everythingapp.me",

},

features: [

"Reiseplaner mit Karten & Tagesplanung",

"Haushaltsplaner: Essensplan, Rezepte, Vorräte, Einkaufsliste",

"Zeiterfassung mit serverseitiger Überstundenberechnung",

"Kanban-Board, To-dos & Notizen",

"Habit-Tracker mit Statistiken",

"Wheel of Names, Umfragen & GameMaker",

"Push-Benachrichtigungen & geplante Jobs",

"Offline-Sync mit Merge beim Reconnect",

"Native Android-Widgets"

],

url: "everythingapp.me",

 

export const weddingPlanner: Project = {

name: "Wedding Planner",

tagline: "Private Hochzeits-Web-App – Gäste, Sitzplan, Fotos.",

description: "Eine geschlossene Web-App für ein Hochzeitspaar: Gäste verwalten, Rückmeldungen einsammeln, den Sitzplan per Drag & Drop bauen und Fotos hochladen. Statt Logins gibt es personalisierte Zugangscodes mit QR-Deeplink; autorisiert wird ausschließlich über Firestore- und Storage-Security-Rules mit struktureller Validierung – bewusst ohne eigenes Backend.",

stack: ["Next.js", "React", "TypeScript", "Material UI", "styled-components", "Firestore", "Firebase Storage", "Security Rules", "PWA"],

features: [

"Gästeverwaltung mit Excel-Import/-Export",

"Personalisierte Zugangscodes & QR-Codes als Bulk-Download",

"Rückmeldungen inkl. Familien & Begleitungen",

"Drag-&-Drop-Sitzplan mit Raum-Editor und Export",

"Foto-Upload mit clientseitigem Resizing & Foto-Challenges",

"Budget-Übersicht, FAQ & Wunschliste",

"Feature-Flags zum Zu- und Abschalten von Bereichen"

],

 

 

- email: sebastian-koch@outlook.com

- github: https://github.com/RealSebbooo

- linkedin: https://www.linkedin.com/in/sebastian-koch-6a3189223/