Upgrade Projekt einstellen
Profilbild von Timo Kaiser Senior Web- und Mobile Entwickler aus Aichwald

Timo Kaiser

Aichwald
verfügbar

Letztes Update: 21.03.2024

Senior Web- und Mobile Entwickler

Firma: Web-Entwicklung - Timo Kaiser
Abschluss: BA Applied Sience - Softwaretechnik & Medieninformatik
Stunden-/Tagessatz: anzeigen
Sprachkenntnisse: deutsch (Muttersprache) | englisch (verhandlungssicher)

Schlagwörter

HTML Javascript Adobe Photoshop APIs Agile Methodologie Bootstrap CSS Ui-Design Scrum Svelte + 8 weitere Schlagwörter anzeigen

Dateianlagen

TimoKaiser-WebEntwickler-Profil_210324.pdf

Skills

Frontend Entwicklung für Web, Desktop & Mobile mit HTML, CSS, Javascript, Typescript, Material- Design, Angular Material, Angular, Svelte, RxJS, Bootstrap, Tailwind, Figma, Mobile App, PWA, UI/UX, Web API, Web App, API, Adobe Photoshop,          

Projekthistorie

01/2024 - 01/2024
Web-Design Projekt: Eine Reise durch die Welt der Ernährung
Web-Entwicklung - Timo Kaiser (Internet und Informationstechnologie, < 10 Mitarbeiter)
Ich habe mir im Januar 2024 eine kleine Auszeit genommen von der externen Projekt-Entwicklung und lediglich 3 Websites für Freunde und im Bekanntenkreis entwickelt.
  • Eine Reise durch die Welt der Ernährung -> https://weltderernaehrung.de/
    • Kleiner One-Pager mit Wordpress zur Vorstellung des Buches inkl. Bestell-Formular
  • Hypnose und psychologische Beratung mit Joe Orszulik -> https://joe-orszulik.de
    • etwas umfangreichere Unternehmenspräsentationsseite ebenfalls mit Wordpress erstellt
  • Albatros Luftwerbung -> http://albatros-luftwerbung.de/
    • Die Seite befindet sich noch im Aufbau
06/2022 - 12/2023
VW - One Infotainment@Android - Angular Web-Projekt
Web-Entwicklung - Timo Kaiser (Internet und Informationstechnologie, < 10 Mitarbeiter)
Einstieg in ein bereits laufendes Projekt zur Entwicklung der "One Infotainment@Android" Web-Anwendung mit Angular (V9). Diese Web App simuliert die gesamte Infotainment Anwendung für die Mittelkonsole in zukünftigen VW Fahrzeugen und Tochterunternehmen. Die Anwendung besteht aus mehreren kleinen Apps, welche die einzelnen Bereiche im Display und Funktionalitäten repräsentieren. Mein Schwerpunkt in diesem Projekt lag in der Weiterentwicklung folgender Apps:

Navigation
  • Karte mit User-Interaktionen (Drag, Pan, Pinch-to- Zoom)
  • Suche (Adressen, POIs)
  • Einstellungen
Phone
  • Kontaktliste
  • Favoriten
  • Anrufliste
  • Eingehender Anruf, Halten-Funktion, Multi-Calls
Mediaplayer
  • Always-on-Top Player mit Wiedergabefunktion
  • Liste der Songs, filter- und sortierbar nach Genre, Interpret oder Titel
  • Quellenauswahl (Spotify, USB, verbundene Geräte)
Fahrzeug Setup
  • Exterior, Interior, Licht, Display, Sitze, Service
Fahrerassistenzsysteme
  • Einrichtung diverser Einstellungsoptionen wie Geschwindigkeitswarnung, Spurhalteassistent, Abstandwarnung etc.
Klima-Bar
  • Aufbau und Konfiguration der verschiedenen Heizungs- und Lüftungseinstellungen
Verwendete Technologien & Frameworks:
  • Angular V9 - 15
  • RxJS
  • Flex Layout
01/2023 - 06/2023
VW - Design-System Token Pipeline - Svelte Figma Plugin Projekt
Web-Entwicklung - Timo Kaiser (Internet und Informationstechnologie, < 10 Mitarbeiter)
Anfang 2023 darf ich zudem noch an einem anderen VW Projekt parallel mitarbeiten. Da die Infotainment Simulation nicht nur in Fahrzeuginnenräumen von VW, sondern auch von Audi, Skoda, Seat und Porsche funktionieren soll, bedarf es einem Design-System, mit dessen Hilfe man in Figma das Design einmalig erstellen kann und dann über ein Plugin die Marken umschalten kann, um so die Simulation in den verschiedenen Corporate Designs zu sehen.

Meine Aufgabengebiete in diesem Projekt:
  • Entwicklung eines Skripts zum Exportieren der Design- Tokens.
    • Hierzu musste über die Figma Web API die entsprechende Figma-Datei ausgelesen und die Design-Tokens in einem JSON abgespeichert werden.
    • In einem Design-Token steckt ein key/value pair mit Tokenname (z. B. color.interaction.primary.default) und ein dazu passender Wert (in diesem Fall eine Farbwert im Hex-Format wie #ff00ff).
    • Die ausgeleiteten Tokens werden pro Brand in einer eigenen JSON Datei abgelegt.
  • Anpassung/Erweiterung des Style-Dictionaries
    • Das Style-Dictionary nimmt die JSON Dateien und überführt die Informationen in den sogenannten Tokenstore.
    • Zudem transformiert das Style-Dictionary sämtliche Styles in ein an das Zielsystem (iOS, Android, Web) angepasstes Format.
  • Entwicklung eines Figma Plugins für gebrandetes Designen neuer Oberflächen
    • Das Figma Plugin lädt alle Design-Tokens aus dem Tokenstore und stellt sie in einer Auswahl dem Designer bereit.
    • Der Designer selektiert ein Element in Figma (Frame, Instance, Component, Rectangle, Text usw.) und kann darauf einen oder mehrere Tokens für Farben, Abstände (Spacing, Padding), Dimensions (width, height), Border und Effekte anwenden, um so unter Einhaltung der Regeln, weitere UI-Designs zu erstellen.
    • Mit Hilfe eines Switches lässt sich das Design direkt für jede hinterlegte Marke betrachten.
Verwendete Technologien & Frameworks: Typescript
  • Svelte
  • Flex Layout
03/2022 - 06/2022
Beigene Patient Cases - Externes Angular Web-Projekt
smallstack GmbH (Internet und Informationstechnologie, < 10 Mitarbeiter)
Entwicklung eines Editor-Formulars im Backoffice des Kunden zur Pflege von Patiententakten. Eine Akte besteht aus Stammdaten und mehreren Einträgen, welche die Stationen des Patienten widerspiegeln und Referenzen. Ist die Akte angelegt, kann sie über eine Web-Anwendung dargestellt werden. Neben den Einträgen soll man auch sogenannte Learnings anlegen können. Diese werden mit einer Frage und 1-x Antworten gefüllt. Zudem hat der Benutzer die Möglichkeit, eine Grafik (meist MRT Ergebnis) zu platzieren, auf die der Endanwender zeichnen kann, um eine bestimmte Stelle zu markieren. Entwicklung der Web-Anwendung mit Angular (V12) zur Darstellung von Patientenakten. Jede im Backoffice angelegte Patientenakte bekommt eine eindeutige ID. Über eine URL + ID lässt sich die Akte in der App öffnen und anzeigen. Besonderes Augenmerk liegt hierbei auf der Darstellung der einzelnen Einträge der Akte. Diese lassen sich in Form von slides horizontal scrollen. Jede Kategorie hat eine eigene Farbe, Icon und Hintergrundbild. Unterhalb der Slides ist eine Art Zeitleiste, auf der sämtliche Einträge chronologisch angeordnet sind. Diese dienen als Link zu den einzelnen Slides, um so gezielt einzelne Einträge zu öffnen. Hat man die Akte durch, kommt am Ende eine Reihe Multiple Choice Fragen, die man beantworten muss und Aufgaben zum Zeichnen. Die Ergebnisse werden gespeichert und an einen API Endpunkt geschickt.

Verwendete Technologien & Frameworks: Angular V12
  • Fullpage JS
  • Bootstrap 5
  • Flex Layout
  • Signature Pad
  • CKEditor (custom Editor eingebunden zur Pflege der Daten im Backoffice)
05/2017 - 06/2022
Co-Founder, Leader Frontend Development Web & Mobile
smallstack GmbH (Internet und Informationstechnologie, < 10 Mitarbeiter)
UNTERNEHMENS-GRÜNDUNG

smallstack GmbH
Gründung einer Softwareentwicklungsfirma im Mai 2017

Die Idee zur Gründung kam zusammen mit einem ehemaligen Kommilitone, welcher ebenfalls als Freelancer unterwegs
war. Um noch größere Kunden von uns überzeugen und umfangreichere Projekte realisieren zu können, schlossen wir
uns zusammen und gründeten die smallstack GmbH. Seither sind wir kontinuierlich gewachsen (5-10 Mitarbeiter), haben
einige große Projekte gestemmt und parallel dazu noch ein eigenes Produkt entwickelt.


PRODUKT-ERFAHRUNGEN

Die smallstack Cloud Solution
Headless Backoffice as a Service | Mai 2017 - 2023

Entwicklung eines Admin Panels auf Node.js Basis mit einem Angular Material Frontend.
Dient zur Unterstützung der Kundenprojekte. Mehr Infos unter smallstack.com/products

PROJEKT-ERFAHRUNGEN

Betreuung des Großkunden SATA GmbH & Co. KG.
Drei verschiedene Web und Mobile Projekte | Mai 2017 - 2022
Entwicklung einer mobile App (SATA Loyalty Program) mit Anbindung an ein eigens dafür entwickeltes Backoffice zur Pflege der Inhalte wie Coins, Prämien und Bestellungen. Die Mobile App wurde mit Flutter entwickelt
das eigens dafür entwickelte Backend/Backoffice basiert auf meteor.js, Angular und Bootstrap

Entwicklung des "SATA Custom Design Gun (CDG)". Ein Produkt-Konfigurator, mit dessen Hilfe sich die SATA Spray-Guns (Lackierpistolen) intuitiv mit eigenen Designs versehen und bestellen lassen. Das individuelle Design wird auf die Pistole gedruckt und dem Kunden zugeschickt.
Angular PWA mit Anbindung an die smallstack Cloud
Solution

SATA Düsenfinder: Mobile App zur Konfiguration der optimalen Düse.
Mobile App auf Flutter Basis

Weitere Projekte für diverse Kunden:
  • Rechnungsportal: DMS für Messe Stuttgart
  • TaxGirl: Angular Material PWA für commTax GmbH
  • Check-In App: Angular PWA für Morgenstern AG
  • Reklamations-Mgr: Angular PWA für Edelmann GmbH
  • Objektservice: Angular PWA für KOCAK GmbH & Co. KG
10/2014 - 05/2017
Web-Designer
Kaiser Web & Mobile Design (Internet und Informationstechnologie, < 10 Mitarbeiter)
Freelancer Web- und Mobile Entwicklung
Diverse Projekte für verschiedene Kunden | Okt 2014 - Mai 2017

Betreuung des Kunden der meinclub App. Weiterentwicklung an mobile App (Android), Backoffice
und Produkt-Website.

Diverse Website Projekte wie lichtplanung-sylt.de, michaelmartens-sylt.de, stilschmiede-sylt.de

Entwicklung der ersten Version von mycouchbox.de
04/2010 - 10/2014
Junior Web- und Mobile Entwickler
px minds GmbH (Internet und Informationstechnologie, < 10 Mitarbeiter)
pixelstream.tv: Digitale Signage Software für POS Marketing.

meinclub App: Eine mobile App für Fitness-Studios zur Präsentation der eigenen Produkte und Services. Mit Backoffice Anbindung zur Verwaltung der Inhalte.

Fujitsu "Create Sales": Web-Anwendung zur Erstellung von Marketing Produkten wie Flyer, Prospekte, Newsletter etc.

Reisebereitschaft

In der Stadt Aichwald mit einem Radius von 50 km verfügbar

Sonstige Angaben

Freundlich, Kommunikativ, Team-Player
Profilbild von Timo Kaiser Senior Web- und Mobile Entwickler aus Aichwald Senior Web- und Mobile Entwickler
Registrieren