Entwicklung eines Design Systems für eine große Wirtschaftszeitung
Software-EntwicklerTypeScriptAngularSass...
Software-Entwickler
Ein großer Wirtschaftsverlag möchte für seine verschiedenen Online Produkte, wie Zeitungswebseiten, ein einheitliches Design System entwickeln, welches von verschiedenen Teams mit unterschiedlichen Technologien eingesetzt werden kann.
Das Ziel ist ein einheitliches Erscheinungsbild über alle Marken und Produkte hinweg.
Wir setzen dabei auf die Entwicklung von Web Components mittels Angular Elements und stellen gleichzeitig Design Tokens zur Verfügung.
AngularDesign Pattern
TypeScriptAngularSassCSSWeb ComponentsAngular Elements
Remote
1 Jahr 5 Monate
2023-07 - heute
Entwicklung eines SaaS Produktes im Bereich KI
Fullstack-EntwicklerTypeScriptNode.jsMongoDB...
Fullstack-Entwickler
Mit Hilfe einer Software sollen vorhandene PDF (und andere) Dokumente durchsuchbar gemacht werden können.
Dann kann man der Software Fragen stellen und bekommt mittels ChatGPT Antworten zu seinen Fragen, basierend auf den Informationen, die im PDF gefunden werden.
Dafür muss ein Front-End entwickelt werden, in der die Dokumente hochgeladen werden können und die Schnittstelle zu ChatGPT implementiert ist.
Im Back-End müssen die Dokumente verarbeitet werden und durchsuchbar gemacht werden. Mittels Vektorsuche werden Kontexte ermittelt und für ChatGPT aufbereitet.?
AngularNestJSMongoDBChatGPTKünstliche Intelligenz
TypeScriptNode.jsMongoDBOpenAIAIaaS
owlatwork.com
Remote
2 Jahre 1 Monat
2022-11 - 2024-11
Entwicklung eines Front-Ends für ein ERP
Front-End EntwicklerTypeScript
Front-End Entwickler
Ein Kunde aus der Energiebranche benötigt Unterstützung bei der Entwicklung eines Front-End für ein ERP System.
Das Back-End wird vollständig vom Kunden übernommen.
Wir entwickeln auf Basis des vorhandenen Back-Ends ein Front-End mit Angular und mit Funktionen wie Login, Chat, Dokumentenmanagement, etc.
Dabei müssen auch besonders anspruchsvolle und komplexe Daten, wie für das Mitarbeiter Zeitmanagement, visuell aufbereitet werden.
AngularTwitter BootstrapAngular Material
TypeScript
Remote
7 Monate
2024-04 - 2024-10
Lead-Entwickler in einem größeren Health-Startup
Lead-Entwickler mit Schwerpunkt Front-EndTypescriptAngularTailwindCSS
Lead-Entwickler mit Schwerpunkt Front-End
Ein Health Startup möchte seine vorhandene Front-End Entwicklung mit Angular 18 ablösen.
Insbesondere die grafische Darstellung von komplexen Daten in Form von Graphen und Tabellen ist in diesem Projekt eine große Herausforderung.
Dabei entstheen auch Fragen zur grundsätzlichen Server Architektur und integrierten Systemen wie RFID Reader, Kiosk-Systemen und internationalen Standards im Gesundheitswesen, bei denen ich beratend zur Seite stehe.
TypescriptAngularTailwindCSS
1 Jahr 7 Monate
2022-08 - 2024-02
Lead-Entwicklung einer App für ein Startup aus dem Bereich Senioren-Tech
Lead EntwicklerJavascriptMongoDBAI...
Lead Entwickler
Für ein Startup entwickeln wir eine App speziell auf die Bedürfnisse von älteren Erwachsenen zugeschnitten.
Wir entwickeln sowohl das Front- als auch das Back-End mit Angular bzw. NestJS.
Die Applikation hat eine AI integriert, mit der man sich unterhalten kann.
Die UI ist speziell auf die Bedürfnisse von älteren Erwachsenen optimiert.
AngularNestJS
JavascriptMongoDBAILLMKI
Remote
2 Jahre 8 Monate
2021-02 - 2023-09
Verbesserung der UI und des UX einer Zeitungswebseite
Front-End EntwicklungHTMLCSSJavaScript
Front-End Entwicklung
Eine große deutsche Zeitung braucht Unterstützung bei der Umsetzung eines kompletten Redesigns auf der Basis von Tailwind.
Das Design wurde von einer Agentur angeliefert und wird mit Hilfe von Tailwind und Twig Templates umgesetzt.
Ein PHP Back-End liefert für die Templates die Daten.
TailwindCSSTWIG
HTMLCSSJavaScript
Düsseldorf
6 Monate
2023-03 - 2023-08
Verbesserung einer UI zur Steuerung von Netzwerkkommunikation
Frontend-EntwicklerTypeScriptJavaScript
Frontend-Entwickler
Implementierung weiterer Funktionen in einem bestehen UI Projekt zur Steuerung von Netzwerkkommunikation.
Einbau von Tabellen mit Angular Material, inkl. Suche, Filterung und Sortierung.
Einbau eines Wizards zur Erstellung neuer Entitäten.
AngularHTMLCSS
TypeScriptJavaScript
Remote
3 Monate
2023-03 - 2023-05
Frameworkupdate und neue Features für eine Taxi PWA
Software-EntwicklerTypeScriptNode.jsAngular...
Software-Entwickler
Für eine Angular basierte PWA zum Bestellen von Taxis stehen Update auf Angular 15 an, sowie neue Features, u.a. im Bestellprozess mit Stripe.
Im Back-End setzt das Projekt auf NestJS und auch hier soll die neueste Version eingesetzt werden und es bedarf Anpassung für die neuen Features.
AngularNestJs
TypeScriptNode.jsAngularNestJS
Remote
3 Monate
2022-10 - 2022-12
Entwicklung eines Adventskalenders für Marketingzwecke
FullstackTypescriptMongoDB
Fullstack
Ein Kunde aus der Versicherungsbranche wollte seinen Maklern die Möglichkeit geben, Adventskalender zu generieren und einen Preis zu verlosen.
Die Makler können sich selbst Kalender generieren und ihren Preis bestimmen.
Der Adventskalender selbst beinhaltet Lottie Animationen zu verschiedenen Brauchtümern in Bezug auf Weihnachten rund um die Welt. Die Animationen vermitteln dadurch auf charmante Art und Weise interessante Fakten aus anderen Kulturen.
Nach Weihnachten wird automatisch ein Gewinner gezogen und dem Makler zwecks Gewinnübergabe mitgeteilt.
AngularNestJSNode.jsTypeLottie
TypescriptMongoDB
Remote
3 Monate
2022-08 - 2022-10
PDF Bearbeitungsfunktionen
Fullstack EntwicklerAngularTypeScriptTailwindCSS
Fullstack Entwickler
Eine Versicherung möchte für Ihre Makler eine Funktion anbieten, um PDFs wie Anträge, Flyer, Broschüren, Magazine, etc. zu individualisieren.
Dafür wird eine umfassende Funktion geschrieben, die PDFs mit Texten in verschiedenen Größen, Farben, Schriftarten, sowie Bilder und Formularfelder bearbeiten kann und zusammenfügen kann.
Die Makler können auf verschiedenen Webseiten für verschiedene Zwecke ihre Individualisierungen eingeben und bekommen daraufhin ein fertiges PDF zurückgeliefert.
AngularTypeScriptTailwindCSS
Remote
7 Monate
2022-03 - 2022-09
Entwicklung eines Planungstools im Baugewerbe
Front-End EntwicklungTypeScriptAngular
Front-End Entwicklung
Ein großes Bauunternehmen möchte ein Planungstool entwickeln, um die einzelnen Aufträge auf die verfügbaren Ressourcen wie Hallen und Fertigungsplätze zu verteilen.
Zum Einsatz kommt eine GraphQL API, die mittels eines Angular Front-Ends angesprochen werden soll.
Das Design wird mit Angular Material realisiert.
Angular MaterialDrag and Drop CDK
TypeScriptAngular
Remote
9 Monate
2021-07 - 2022-03
Neuentwicklung einer Webseite mit Datei-Upload und Checkout Funktionen
EntwicklerAngularHTMLCSS...
Entwickler
Eine Agentur für Schreibarbeiten braucht eine Webseite, wo Kunden Dokumente wie Audio- oder Videodateien hochladen können, die transkribiert werden sollen.
Der Kunde lädt die Dateien hoch, kann sich auf der Webseite eine Vorschau anschauen und dann auch direkt auf der Webseite mit gängigen Zahlungsanbietern bezahlen. Die Webseite besitzt also auch die gängigen E-Commerce Merkmale wie z. B. Kundenbereich oder Warenkorb.
AngularHTMLCSSTypeScript
Remote
7 Monate
2021-01 - 2021-07
Aufbau einer Webapp für eine mobile Bank
Software-Entwickler
Software-Entwickler
Eine junge "mobile-first" Bank möchte die Funktionalitäten ihrer Android und iOS App für Desktop Nutzer übertragen.
Dazu wird von Grundauf ein neues Projekt mit Angular, NgRx und Bootstrap gestartet.
Für das Design gab es eine grobe Vorlage, die von uns umgesetzt und verfeinert wurde.
Ein wichtiger Aspekt des Projektes umfasst auch die Beratung, wie genau man das Projekt technologisch umsetzen sollte, als auch die Integration von neuen Entwicklern in die Code Base und das Weiterbilden im Bereich Angular.
AngularNgRxTypeScriptBootstrap
Remote
11 Monate
2019-12 - 2020-10
Neu-Entwicklung einer kompletten Software Landschaft für ein Medizin Produkt
Software-Entwickler
Software-Entwickler
Für ein technisches Medizin Produkt der Klasse 1 wurde eine Reihe von Software Produkten entwickelt.
Dazu gehören eine Endkunden App aus Basis von Ionic 4, sowie mehrere verschiedene Dashboards für professionelle Anwender und Administratoren auf der Basis von Angular 8 als PWAs.
Darüber hinaus wurde von uns ein auf NodeJS basierendes Back-End als REST-API geschrieben, dass seine Daten in einer MongoDB verwaltet und mit verschiedenen Microservices kommuniziert. Teils über Schnittstellen, teils über einen Message Broker.
Für das Design gab es eine grobe Vorlage, die von uns umgesetzt und verfeinert wurde.
Erstellung eines Portals als Vertriebsunterstützung einer Versicherung
Vollständige Entwicklung
Vollständige Entwicklung
Für die Canada Life Versicherung sollte ein neues Portal zur Unterstützung des Vertriebs entwickelt werden.
Dazu gehören eine Landingpage (www.canadalife-vertriebsnavigator.de) und unterschiedliche Satelliten Seiten mit den eigentlich Tools zur Kundenakquise, wie z. B. ein Quiz und ein E-Book Viewer.
Die Seite sind komplett mit Angular 10 entwickelt.
Im Back-End gibt es einen Node Server mit NestJS für einen Single Sign On. So kann ein Makler alle Tools automatisch personalisieren und seinen Kunden einen individuellen Link schicken.
NestJSNodeTypescriptHTMLCSSAngular 10Angular
Canada Life
Remote
7 Monate
2019-08 - 2020-02
Entwicklung einer PWA als SaaS für Taxiunternehmen
Alleiniger Entwicklung
Alleiniger Entwicklung
Ein Unternehmen aus Aachen vertreibt spezielle Softwareprodukte für Taxiunternehmen.
Zur Erweiterung des Produktsortiments soll eine PWA hinzukommen, die Endkunden, also Taxigäste, aufrufen können, um ein Taxi zu bestellen.
Dabei gibt es die PWA einmal als globale Variante, die ich in ganz Deutschland nutzen kann und speziell gebrandete Varianten unter dem Namen einzelner Taxizentralen, die für diesen Service bereit sind zu zahlen.
Die Anwendung basiert auf Angular 8 mit NgRx. Die statischen Inhalte werden offline gecached und es wurde ein Splash Screen implementiert, der beim Öffnen auf Updates überprüft und nötigenfalls sofort installiert.
Die Anwendung setzt auf mehrere Dienste rund um Google Maps API, zur Auflösung von Adressen und Standorten.
Darüber hinaus wurde ein Social Login mit Google und Facebook implementiert und eine Rufnummern Verifikation mittels PIN Eingabe.
Die Applikation wurde vorrangig zur mobilen Bedienung konzipiert.
Erstellt wurden eine App auf Basis von Ionic 3 und Angular 7, die sowohl im Apple AppStore als auch im Google Play Store zu finden ist.
Darüber hinaus gibt es ein auf Angular 8 basierendes Tool zur Administration und ein weiteres auf Angular 8 basierendes Tool für Lieferanten, damit diese ihre Abrechnungen, etc. sehen können.
Die App wurde in Sketch designed und dann mit Hilfe von SASS umgesetzt. Die beiden Tools zur Administration nutzen Bootstrap 4 für das Design und sind vollständig Responsive.
Die Android App wird in einer Gitlab Pipeline automatisch gebaut und signiert.
Außerdem gibt es eine REST API in NodeJS mit dem Framework NestJS. Diese wird auch automatisch in Gitlab gebaut und in Docker containerisiert. Anschließend findet ein Deployment Prozess mit Kubernetes auf Amazon AWS statt.
Die Server Architektur beinhaltet mehrere Knoten, um keinerlei Ausfallzeiten zu haben (High Availability) und unterstützt auch unterbrechungsfreie Updates.
Eine Agentur hat ein Redesign einer Webseite in Sketch angeliefert und wir haben dieses Design in HTML / CSS / Javascript umgesetzt.
Das fertige Gerüst wurde wiederum von der Agentur in einem Typo 3 Back-End eingepflegt.
Dafür erstellten wir mittels Patternlab einen Styleguide, aus dem die Entwickler der Agentur sich die Styles herausziehen konnten.
Der Styleguide folgte dem Utility-First CSS Schema.
FoundationPatternlab
Utility-First CSSJavascriptCSSHTML
4 Monate
2019-02 - 2019-05
Erstellung einer Progressive Web App
Berater & Entwickler
Berater & Entwickler
Erstellung einer Progressive Web App zum Erstellen individualisierter Marketing Flyer.
Der Vertrieb kann zielgruppenspezifische Anspracheunterlagen generieren, basierend auf Beruf, Alter und gewünschtem Versicherungsprodukt des Kunden.
Der Flyer liegt in einer druckoptimierten Variante vor und kann somit dem Kunden ausgedruckt übergeben werden oder per Link versendet werden.
Die Inhalte können im Backend durch ein eigenes CMS ausgetauscht werden.
Die gesamte App inklusive aller Texte und Bilder ist offlinefähig, auch auf mobilen Geräten.
Außerdem wurde das gesamte Design der Applikation entwickelt.
Angular 8PWAService WorkerNodeJSDockerBootstrap 4
Canada Life, Versicherung
2 Monate
2019-02 - 2019-03
Erstellung einer Showcase App
EntwicklerAngular 7Ionic 4Bluetooth Serial
Entwickler
Erstellung einer Showcase App für den Genfer Auto Salon 2019.
Es wurden insgesamt zwei Apps entwickelt. Eine normale Smartphone App und eine App, die auf dem Mittelkonsolenbildschirm innerhalb des Autos angezeigt wurde.
Mit Hilfe der beiden Apps konnte man via Bluetooth Funktionen am Auto steuern, z. B. Lichter an, Türen auf/zu, Sitz vor/zurück, Lenkrad hoch/runter, etc.
Angular 7Ionic 4Bluetooth Serial
Automobilbranche, Share2Drive
6 Monate
2018-10 - 2019-03
Erstellung einer Progessive Web App
Berater & EntwicklerAngular 6PHPTypo3...
Berater & Entwickler
Erstellung einer Progessive Web App (PWA) mit Angular 6 und einer GraphQL Schnittstelle.
Die Versicherung betreibt ein Portal, auf dem Makler aufbereitete Informationen zu einzelnen Versicherungsprodukten ansehen und gemeinsam mit dem Kunden besprechen können.
Diese Anwendung soll abgelöst werden durch eine Angular Anwendung, die auch offline arbeiten kann und als App auf mobilen Geräten installiert werden kann.
Der Makler kann nicht nur die Inhalte offline sehen, sondern auch Favoriten markieren oder Inhalte eingeben, die dann automatisch synchronisiert werden, sobald wieder eine Internetverbindung besteht.
Die Inhalte werden mittels einer GraphQL Schnittstelle vom Server gedownloaded und gecached.
Hilfestellungen bei der Weiterentwicklung einer webbasierten App mit der man stationäre Cisco Telefone steuern über den Browser steuern kann.
Mögliche Anwendungsfälle sind Rezeptionen / Telefonzentralen, Call Center und Notrufleitzentralen.
Im Browser kann man sehen, wer anruft, kann den Nutzen weiterleiten, mit Funkteilnehmern verbinden, Konferenzen starten, Anrufe für Kollegen annehmen, Telefonbücher durchsuchen.
Im Zuge dieses Projektes musste das Design der Anwendung und die Funktionen aus UI / UX Sicht verbessert werden.
Im Back-End wurde auf eine selbstentwickelte Java Anwendung gesetzt, die mit dem Front-End über eine Socket Verbindung kommunizierte. Im Front-End musste KnockoutJS eingesetzt werden, um die Daten entsprechend anzuzeigen.
Die Entwicklung umfasste sowohl die Design Arbeiten in HTML5 / SCSS, als auch die Implementierung von neuen Funktionen in Java.
Das Design wurde im Atomic Design Stil mit Hilfe von Pattern Lab umgesetzt.
HTMLSCSSKnockoutJSJavaJavascriptPattern Lab
Telekommunikation
1 Jahr 1 Monat
2017-10 - 2018-10
Relaunch bestehender Portale / Weiterentwicklung von neuen Projekten
EntwicklerBootstrap 4JavascriptHTML5...
Entwickler
Ein großes E-Commerce Start-Up (50 Mio. Umsatz) aus Köln wollte einen Relaunch seiner bestehenden Portale und die Weiterentwicklung von neuen Projekten.
Uns wurden fertige Designs angeliefert, die wir mit Hilfe von Bootstrap 4 in HTML / SCSS umgesetzt haben. Dabei wurde ein besonderes Augenmerk auf Responsiveness gelegt, sowie der Kompatibilität mit allen gängigen Browsern und Versionen.
Dazu gab einige Javascript Methoden, die einer gesteigerten User Experience dienten.
Für die Nachhaltigkeit des Projektes haben wir die Designs zuerst in dem Tool Pattern Lab umgesetzt, um so einen Styleguide aufzubauen, der dem Atomic Design Ansatz folgt.
Im Anschluss haben wir das Design in das bestehende Front-End integriert, das in PHP mit dem ZEND Framework geschrieben war.
Ein Start-Up wollte psychologische Gruppentherapien über das Internet anbieten, z. B. zur Burnout Prophylaxe oder der Behandlung von Angstzuständen.
Dazu haben wir ein webbasiertes Front-End Tool entwickelt, in das sich Klienten einloggen können.
Über das Portal können direkt im Browser Videokonferenzen mittels webRTC abgehalten werden.
Zusätzlich können Therapeuten in einem eigenen Tool Aufgaben und Nachrichten für die Klienten hinterlassen. Die Aufgaben umfassen Dinge wie das Ansehen von Videos, das Hören von Audio Aufnahmen, das Beantworten von Fragen oder der Upload von Dateien.
Als Team waren wir für die gesamte Entwicklung verantwortlich, angefangen beim Design bis zum Deployment auf Amazon AWS.
Zur Containerisierung haben wir auf Docker gesetzt
Entwicklung eines Design Systems für eine große Wirtschaftszeitung
Software-EntwicklerTypeScriptAngularSass...
Software-Entwickler
Ein großer Wirtschaftsverlag möchte für seine verschiedenen Online Produkte, wie Zeitungswebseiten, ein einheitliches Design System entwickeln, welches von verschiedenen Teams mit unterschiedlichen Technologien eingesetzt werden kann.
Das Ziel ist ein einheitliches Erscheinungsbild über alle Marken und Produkte hinweg.
Wir setzen dabei auf die Entwicklung von Web Components mittels Angular Elements und stellen gleichzeitig Design Tokens zur Verfügung.
AngularDesign Pattern
TypeScriptAngularSassCSSWeb ComponentsAngular Elements
Remote
1 Jahr 5 Monate
2023-07 - heute
Entwicklung eines SaaS Produktes im Bereich KI
Fullstack-EntwicklerTypeScriptNode.jsMongoDB...
Fullstack-Entwickler
Mit Hilfe einer Software sollen vorhandene PDF (und andere) Dokumente durchsuchbar gemacht werden können.
Dann kann man der Software Fragen stellen und bekommt mittels ChatGPT Antworten zu seinen Fragen, basierend auf den Informationen, die im PDF gefunden werden.
Dafür muss ein Front-End entwickelt werden, in der die Dokumente hochgeladen werden können und die Schnittstelle zu ChatGPT implementiert ist.
Im Back-End müssen die Dokumente verarbeitet werden und durchsuchbar gemacht werden. Mittels Vektorsuche werden Kontexte ermittelt und für ChatGPT aufbereitet.?
AngularNestJSMongoDBChatGPTKünstliche Intelligenz
TypeScriptNode.jsMongoDBOpenAIAIaaS
owlatwork.com
Remote
2 Jahre 1 Monat
2022-11 - 2024-11
Entwicklung eines Front-Ends für ein ERP
Front-End EntwicklerTypeScript
Front-End Entwickler
Ein Kunde aus der Energiebranche benötigt Unterstützung bei der Entwicklung eines Front-End für ein ERP System.
Das Back-End wird vollständig vom Kunden übernommen.
Wir entwickeln auf Basis des vorhandenen Back-Ends ein Front-End mit Angular und mit Funktionen wie Login, Chat, Dokumentenmanagement, etc.
Dabei müssen auch besonders anspruchsvolle und komplexe Daten, wie für das Mitarbeiter Zeitmanagement, visuell aufbereitet werden.
AngularTwitter BootstrapAngular Material
TypeScript
Remote
7 Monate
2024-04 - 2024-10
Lead-Entwickler in einem größeren Health-Startup
Lead-Entwickler mit Schwerpunkt Front-EndTypescriptAngularTailwindCSS
Lead-Entwickler mit Schwerpunkt Front-End
Ein Health Startup möchte seine vorhandene Front-End Entwicklung mit Angular 18 ablösen.
Insbesondere die grafische Darstellung von komplexen Daten in Form von Graphen und Tabellen ist in diesem Projekt eine große Herausforderung.
Dabei entstheen auch Fragen zur grundsätzlichen Server Architektur und integrierten Systemen wie RFID Reader, Kiosk-Systemen und internationalen Standards im Gesundheitswesen, bei denen ich beratend zur Seite stehe.
TypescriptAngularTailwindCSS
1 Jahr 7 Monate
2022-08 - 2024-02
Lead-Entwicklung einer App für ein Startup aus dem Bereich Senioren-Tech
Lead EntwicklerJavascriptMongoDBAI...
Lead Entwickler
Für ein Startup entwickeln wir eine App speziell auf die Bedürfnisse von älteren Erwachsenen zugeschnitten.
Wir entwickeln sowohl das Front- als auch das Back-End mit Angular bzw. NestJS.
Die Applikation hat eine AI integriert, mit der man sich unterhalten kann.
Die UI ist speziell auf die Bedürfnisse von älteren Erwachsenen optimiert.
AngularNestJS
JavascriptMongoDBAILLMKI
Remote
2 Jahre 8 Monate
2021-02 - 2023-09
Verbesserung der UI und des UX einer Zeitungswebseite
Front-End EntwicklungHTMLCSSJavaScript
Front-End Entwicklung
Eine große deutsche Zeitung braucht Unterstützung bei der Umsetzung eines kompletten Redesigns auf der Basis von Tailwind.
Das Design wurde von einer Agentur angeliefert und wird mit Hilfe von Tailwind und Twig Templates umgesetzt.
Ein PHP Back-End liefert für die Templates die Daten.
TailwindCSSTWIG
HTMLCSSJavaScript
Düsseldorf
6 Monate
2023-03 - 2023-08
Verbesserung einer UI zur Steuerung von Netzwerkkommunikation
Frontend-EntwicklerTypeScriptJavaScript
Frontend-Entwickler
Implementierung weiterer Funktionen in einem bestehen UI Projekt zur Steuerung von Netzwerkkommunikation.
Einbau von Tabellen mit Angular Material, inkl. Suche, Filterung und Sortierung.
Einbau eines Wizards zur Erstellung neuer Entitäten.
AngularHTMLCSS
TypeScriptJavaScript
Remote
3 Monate
2023-03 - 2023-05
Frameworkupdate und neue Features für eine Taxi PWA
Software-EntwicklerTypeScriptNode.jsAngular...
Software-Entwickler
Für eine Angular basierte PWA zum Bestellen von Taxis stehen Update auf Angular 15 an, sowie neue Features, u.a. im Bestellprozess mit Stripe.
Im Back-End setzt das Projekt auf NestJS und auch hier soll die neueste Version eingesetzt werden und es bedarf Anpassung für die neuen Features.
AngularNestJs
TypeScriptNode.jsAngularNestJS
Remote
3 Monate
2022-10 - 2022-12
Entwicklung eines Adventskalenders für Marketingzwecke
FullstackTypescriptMongoDB
Fullstack
Ein Kunde aus der Versicherungsbranche wollte seinen Maklern die Möglichkeit geben, Adventskalender zu generieren und einen Preis zu verlosen.
Die Makler können sich selbst Kalender generieren und ihren Preis bestimmen.
Der Adventskalender selbst beinhaltet Lottie Animationen zu verschiedenen Brauchtümern in Bezug auf Weihnachten rund um die Welt. Die Animationen vermitteln dadurch auf charmante Art und Weise interessante Fakten aus anderen Kulturen.
Nach Weihnachten wird automatisch ein Gewinner gezogen und dem Makler zwecks Gewinnübergabe mitgeteilt.
AngularNestJSNode.jsTypeLottie
TypescriptMongoDB
Remote
3 Monate
2022-08 - 2022-10
PDF Bearbeitungsfunktionen
Fullstack EntwicklerAngularTypeScriptTailwindCSS
Fullstack Entwickler
Eine Versicherung möchte für Ihre Makler eine Funktion anbieten, um PDFs wie Anträge, Flyer, Broschüren, Magazine, etc. zu individualisieren.
Dafür wird eine umfassende Funktion geschrieben, die PDFs mit Texten in verschiedenen Größen, Farben, Schriftarten, sowie Bilder und Formularfelder bearbeiten kann und zusammenfügen kann.
Die Makler können auf verschiedenen Webseiten für verschiedene Zwecke ihre Individualisierungen eingeben und bekommen daraufhin ein fertiges PDF zurückgeliefert.
AngularTypeScriptTailwindCSS
Remote
7 Monate
2022-03 - 2022-09
Entwicklung eines Planungstools im Baugewerbe
Front-End EntwicklungTypeScriptAngular
Front-End Entwicklung
Ein großes Bauunternehmen möchte ein Planungstool entwickeln, um die einzelnen Aufträge auf die verfügbaren Ressourcen wie Hallen und Fertigungsplätze zu verteilen.
Zum Einsatz kommt eine GraphQL API, die mittels eines Angular Front-Ends angesprochen werden soll.
Das Design wird mit Angular Material realisiert.
Angular MaterialDrag and Drop CDK
TypeScriptAngular
Remote
9 Monate
2021-07 - 2022-03
Neuentwicklung einer Webseite mit Datei-Upload und Checkout Funktionen
EntwicklerAngularHTMLCSS...
Entwickler
Eine Agentur für Schreibarbeiten braucht eine Webseite, wo Kunden Dokumente wie Audio- oder Videodateien hochladen können, die transkribiert werden sollen.
Der Kunde lädt die Dateien hoch, kann sich auf der Webseite eine Vorschau anschauen und dann auch direkt auf der Webseite mit gängigen Zahlungsanbietern bezahlen. Die Webseite besitzt also auch die gängigen E-Commerce Merkmale wie z. B. Kundenbereich oder Warenkorb.
AngularHTMLCSSTypeScript
Remote
7 Monate
2021-01 - 2021-07
Aufbau einer Webapp für eine mobile Bank
Software-Entwickler
Software-Entwickler
Eine junge "mobile-first" Bank möchte die Funktionalitäten ihrer Android und iOS App für Desktop Nutzer übertragen.
Dazu wird von Grundauf ein neues Projekt mit Angular, NgRx und Bootstrap gestartet.
Für das Design gab es eine grobe Vorlage, die von uns umgesetzt und verfeinert wurde.
Ein wichtiger Aspekt des Projektes umfasst auch die Beratung, wie genau man das Projekt technologisch umsetzen sollte, als auch die Integration von neuen Entwicklern in die Code Base und das Weiterbilden im Bereich Angular.
AngularNgRxTypeScriptBootstrap
Remote
11 Monate
2019-12 - 2020-10
Neu-Entwicklung einer kompletten Software Landschaft für ein Medizin Produkt
Software-Entwickler
Software-Entwickler
Für ein technisches Medizin Produkt der Klasse 1 wurde eine Reihe von Software Produkten entwickelt.
Dazu gehören eine Endkunden App aus Basis von Ionic 4, sowie mehrere verschiedene Dashboards für professionelle Anwender und Administratoren auf der Basis von Angular 8 als PWAs.
Darüber hinaus wurde von uns ein auf NodeJS basierendes Back-End als REST-API geschrieben, dass seine Daten in einer MongoDB verwaltet und mit verschiedenen Microservices kommuniziert. Teils über Schnittstellen, teils über einen Message Broker.
Für das Design gab es eine grobe Vorlage, die von uns umgesetzt und verfeinert wurde.
Erstellung eines Portals als Vertriebsunterstützung einer Versicherung
Vollständige Entwicklung
Vollständige Entwicklung
Für die Canada Life Versicherung sollte ein neues Portal zur Unterstützung des Vertriebs entwickelt werden.
Dazu gehören eine Landingpage (www.canadalife-vertriebsnavigator.de) und unterschiedliche Satelliten Seiten mit den eigentlich Tools zur Kundenakquise, wie z. B. ein Quiz und ein E-Book Viewer.
Die Seite sind komplett mit Angular 10 entwickelt.
Im Back-End gibt es einen Node Server mit NestJS für einen Single Sign On. So kann ein Makler alle Tools automatisch personalisieren und seinen Kunden einen individuellen Link schicken.
NestJSNodeTypescriptHTMLCSSAngular 10Angular
Canada Life
Remote
7 Monate
2019-08 - 2020-02
Entwicklung einer PWA als SaaS für Taxiunternehmen
Alleiniger Entwicklung
Alleiniger Entwicklung
Ein Unternehmen aus Aachen vertreibt spezielle Softwareprodukte für Taxiunternehmen.
Zur Erweiterung des Produktsortiments soll eine PWA hinzukommen, die Endkunden, also Taxigäste, aufrufen können, um ein Taxi zu bestellen.
Dabei gibt es die PWA einmal als globale Variante, die ich in ganz Deutschland nutzen kann und speziell gebrandete Varianten unter dem Namen einzelner Taxizentralen, die für diesen Service bereit sind zu zahlen.
Die Anwendung basiert auf Angular 8 mit NgRx. Die statischen Inhalte werden offline gecached und es wurde ein Splash Screen implementiert, der beim Öffnen auf Updates überprüft und nötigenfalls sofort installiert.
Die Anwendung setzt auf mehrere Dienste rund um Google Maps API, zur Auflösung von Adressen und Standorten.
Darüber hinaus wurde ein Social Login mit Google und Facebook implementiert und eine Rufnummern Verifikation mittels PIN Eingabe.
Die Applikation wurde vorrangig zur mobilen Bedienung konzipiert.
Erstellt wurden eine App auf Basis von Ionic 3 und Angular 7, die sowohl im Apple AppStore als auch im Google Play Store zu finden ist.
Darüber hinaus gibt es ein auf Angular 8 basierendes Tool zur Administration und ein weiteres auf Angular 8 basierendes Tool für Lieferanten, damit diese ihre Abrechnungen, etc. sehen können.
Die App wurde in Sketch designed und dann mit Hilfe von SASS umgesetzt. Die beiden Tools zur Administration nutzen Bootstrap 4 für das Design und sind vollständig Responsive.
Die Android App wird in einer Gitlab Pipeline automatisch gebaut und signiert.
Außerdem gibt es eine REST API in NodeJS mit dem Framework NestJS. Diese wird auch automatisch in Gitlab gebaut und in Docker containerisiert. Anschließend findet ein Deployment Prozess mit Kubernetes auf Amazon AWS statt.
Die Server Architektur beinhaltet mehrere Knoten, um keinerlei Ausfallzeiten zu haben (High Availability) und unterstützt auch unterbrechungsfreie Updates.
Eine Agentur hat ein Redesign einer Webseite in Sketch angeliefert und wir haben dieses Design in HTML / CSS / Javascript umgesetzt.
Das fertige Gerüst wurde wiederum von der Agentur in einem Typo 3 Back-End eingepflegt.
Dafür erstellten wir mittels Patternlab einen Styleguide, aus dem die Entwickler der Agentur sich die Styles herausziehen konnten.
Der Styleguide folgte dem Utility-First CSS Schema.
FoundationPatternlab
Utility-First CSSJavascriptCSSHTML
4 Monate
2019-02 - 2019-05
Erstellung einer Progressive Web App
Berater & Entwickler
Berater & Entwickler
Erstellung einer Progressive Web App zum Erstellen individualisierter Marketing Flyer.
Der Vertrieb kann zielgruppenspezifische Anspracheunterlagen generieren, basierend auf Beruf, Alter und gewünschtem Versicherungsprodukt des Kunden.
Der Flyer liegt in einer druckoptimierten Variante vor und kann somit dem Kunden ausgedruckt übergeben werden oder per Link versendet werden.
Die Inhalte können im Backend durch ein eigenes CMS ausgetauscht werden.
Die gesamte App inklusive aller Texte und Bilder ist offlinefähig, auch auf mobilen Geräten.
Außerdem wurde das gesamte Design der Applikation entwickelt.
Angular 8PWAService WorkerNodeJSDockerBootstrap 4
Canada Life, Versicherung
2 Monate
2019-02 - 2019-03
Erstellung einer Showcase App
EntwicklerAngular 7Ionic 4Bluetooth Serial
Entwickler
Erstellung einer Showcase App für den Genfer Auto Salon 2019.
Es wurden insgesamt zwei Apps entwickelt. Eine normale Smartphone App und eine App, die auf dem Mittelkonsolenbildschirm innerhalb des Autos angezeigt wurde.
Mit Hilfe der beiden Apps konnte man via Bluetooth Funktionen am Auto steuern, z. B. Lichter an, Türen auf/zu, Sitz vor/zurück, Lenkrad hoch/runter, etc.
Angular 7Ionic 4Bluetooth Serial
Automobilbranche, Share2Drive
6 Monate
2018-10 - 2019-03
Erstellung einer Progessive Web App
Berater & EntwicklerAngular 6PHPTypo3...
Berater & Entwickler
Erstellung einer Progessive Web App (PWA) mit Angular 6 und einer GraphQL Schnittstelle.
Die Versicherung betreibt ein Portal, auf dem Makler aufbereitete Informationen zu einzelnen Versicherungsprodukten ansehen und gemeinsam mit dem Kunden besprechen können.
Diese Anwendung soll abgelöst werden durch eine Angular Anwendung, die auch offline arbeiten kann und als App auf mobilen Geräten installiert werden kann.
Der Makler kann nicht nur die Inhalte offline sehen, sondern auch Favoriten markieren oder Inhalte eingeben, die dann automatisch synchronisiert werden, sobald wieder eine Internetverbindung besteht.
Die Inhalte werden mittels einer GraphQL Schnittstelle vom Server gedownloaded und gecached.
Hilfestellungen bei der Weiterentwicklung einer webbasierten App mit der man stationäre Cisco Telefone steuern über den Browser steuern kann.
Mögliche Anwendungsfälle sind Rezeptionen / Telefonzentralen, Call Center und Notrufleitzentralen.
Im Browser kann man sehen, wer anruft, kann den Nutzen weiterleiten, mit Funkteilnehmern verbinden, Konferenzen starten, Anrufe für Kollegen annehmen, Telefonbücher durchsuchen.
Im Zuge dieses Projektes musste das Design der Anwendung und die Funktionen aus UI / UX Sicht verbessert werden.
Im Back-End wurde auf eine selbstentwickelte Java Anwendung gesetzt, die mit dem Front-End über eine Socket Verbindung kommunizierte. Im Front-End musste KnockoutJS eingesetzt werden, um die Daten entsprechend anzuzeigen.
Die Entwicklung umfasste sowohl die Design Arbeiten in HTML5 / SCSS, als auch die Implementierung von neuen Funktionen in Java.
Das Design wurde im Atomic Design Stil mit Hilfe von Pattern Lab umgesetzt.
HTMLSCSSKnockoutJSJavaJavascriptPattern Lab
Telekommunikation
1 Jahr 1 Monat
2017-10 - 2018-10
Relaunch bestehender Portale / Weiterentwicklung von neuen Projekten
EntwicklerBootstrap 4JavascriptHTML5...
Entwickler
Ein großes E-Commerce Start-Up (50 Mio. Umsatz) aus Köln wollte einen Relaunch seiner bestehenden Portale und die Weiterentwicklung von neuen Projekten.
Uns wurden fertige Designs angeliefert, die wir mit Hilfe von Bootstrap 4 in HTML / SCSS umgesetzt haben. Dabei wurde ein besonderes Augenmerk auf Responsiveness gelegt, sowie der Kompatibilität mit allen gängigen Browsern und Versionen.
Dazu gab einige Javascript Methoden, die einer gesteigerten User Experience dienten.
Für die Nachhaltigkeit des Projektes haben wir die Designs zuerst in dem Tool Pattern Lab umgesetzt, um so einen Styleguide aufzubauen, der dem Atomic Design Ansatz folgt.
Im Anschluss haben wir das Design in das bestehende Front-End integriert, das in PHP mit dem ZEND Framework geschrieben war.
Ein Start-Up wollte psychologische Gruppentherapien über das Internet anbieten, z. B. zur Burnout Prophylaxe oder der Behandlung von Angstzuständen.
Dazu haben wir ein webbasiertes Front-End Tool entwickelt, in das sich Klienten einloggen können.
Über das Portal können direkt im Browser Videokonferenzen mittels webRTC abgehalten werden.
Zusätzlich können Therapeuten in einem eigenen Tool Aufgaben und Nachrichten für die Klienten hinterlassen. Die Aufgaben umfassen Dinge wie das Ansehen von Videos, das Hören von Audio Aufnahmen, das Beantworten von Fragen oder der Upload von Dateien.
Als Team waren wir für die gesamte Entwicklung verantwortlich, angefangen beim Design bis zum Deployment auf Amazon AWS.
Zur Containerisierung haben wir auf Docker gesetzt