Senior Frontend Developer
- Verfügbarkeit einsehen
- 0 Referenzen
- 60€/Stunde
- 51467 Bergisch Gladbach
- National
- de | en
- 17.12.2024
Kurzvorstellung
Qualifikationen
Projekt‐ & Berufserfahrung
10/2024 – 11/2024
Tätigkeitsbeschreibung
Für einen lokalen Sportverein konzipierte und entwickelte ich den Internetauftritt und erstellte eine serverseitig gerenderte (SSR) Website mit Angular sowie Strapi für das Content-Management. Zusätzlich entwickelte ich eine hybride App mit Angular und Ionic, um die aktiven Mitgliedszahlen effizient zu erfassen und zu analysieren.
Angewendete Tools/ Technologien: Angular, Ionic, Strapi, Docker, Git, GitHub Actions
Angular, Docker, Softwareanforderungsanalyse
9/2023 – 9/2024
Tätigkeitsbeschreibung
Meine Aufgabe war die Entwicklung einer neuen Webanwendung, bei der ich für die Konzeption und Umsetzung der Frontend-Architektur verantwortlich war. Ziel der Anwendung war es, Endkunden die Möglichkeit zu bieten, Service- und Reparaturanfragen an Werkstätten zu stellen. Neben diesem Anfragesystem wurden auch ein vollwertiger Chat mittels WebSockets sowie ein komplexer Verifizierungsprozess integriert. Zur Qualitätssicherung kamen Unit-Tests mit Vitest und End-to-End-Tests (E2E) mit Playwright zum Einsatz, die in die CI-Pipeline eingebunden wurden.
Da sich die Anforderungen der Endkunden und Werkstätten teils erheblich unterschieden, wurden zwei separate Frontends entwickelt. Um redundanten Code zu vermeiden, erstellte ich eine Komponentenbibliothek, die gemeinsame Komponenten und Anwendungslogik für beide Anwendungen zur Verfügung stellte.
Das Projekt wurde agil nach der KANBAN-Methode umgesetzt. Im Vorfeld erfolgte eine umfassende Anforderungsanalyse. Das UI-Design habe ich in enger Zusammenarbeit mit den Stakeholdern in Figma entwickelt.
Angewendete Tools/ Technologien: Nuxt, Vue3, Playwright, Vitest, Tailwind, TypeScript, REST, Web Sockets, Git, GitHub Actions, Docker, Asana, Figma
Docker, Git, Node.Js, Vue.Js
11/2022 – 9/2023
Tätigkeitsbeschreibung
Die nativen Apps FabuCar Pro und FabuCar Public bieten eine Umgebung, in der sich Auto-Enthusiasten zu Themen und Problemen austauschen können. In den letzten Jahren ist so eine umfangreiche Datenbank mit Fachwissen zu KFZ-Themen entstanden.
Meine Aufgaben umfassten die Implementierung neuer Konzepte und Anforderungen, die Beseitigung technischer Schulden sowie umfassende Performance-Optimierungen. Außerdem war es wichtig, neue User mit spannenden Features zu erreichen und langfristig zu binden. So erstellten wir interaktive Umfrage Komponenten für die Community und fügten eine Gamification für sogenannte Power User ein. Dadurch konnten aktive Mitglieder durch Beantworten von Fragen Punkte sammeln und am Jahresende Prämien erhalten.
Angewendete Tools/ Technologien: React Native, Git, GitHub, TypeScript, Asana, Visual Studio Code, Xcode, Android Studio
Git, React Native, Typescript
11/2022 – 9/2023
Tätigkeitsbeschreibung
In diesem Projekt wurden die nativen Apps von FabuCar als Webanwendungen mit Angular Universal (SSR) realisiert. Das Hauptziel bestand darin, durch Google-Traffic neue Nutzer für die Apps zu gewinnen. Meine Aufgabe umfasste die Implementierung der App-Features sowie SEO-Optimierungen, um die Sichtbarkeit in den Google-Suchergebnissen zu steigern. Mit über 30.000 Beiträgen und zahlreichen Kommentaren war bereits viel organischer Content vorhanden. Dank der durchgeführten SEO-Maßnahmen erreichten im September täglich durchschnittlich 18.000 Besucher über Google das Forum.
Angewendete Tools/ Technologien: Angular, Angular Universal (SSR), TypeScript, Git, GitHub Actions, Docker, Google Cloud
Angular, Git, Google Cloud, Node.Js, Typescript
6/2022 – 11/2022
Tätigkeitsbeschreibung
Als erste Agentur in Deutschland hatten wir die Gelegenheit, gemeinsam mit ABOUT YOU deren innovative E-Commerce-Shop-Lösung erfolgreich in ihrem Outlet-Shop zu implementieren. ABOUT YOU stellte dafür ein eigenes CMS, ein PIM-System sowie ein maßgeschneidertes Frontend-Template zur Verfügung. Die Umsetzung des Frontends erfolgte mithilfe von Nuxt 3 und Vue 3. Meine Hauptaufgabe im Team bestand in der Implementierung von Frontend-Komponenten auf den Produktlisten- und Produktdetailseiten.
Neben der Implementierung der Komponenten lag ein starker Fokus auf dem Testen der Anwendung. Wir entwickelten End-to-End-Tests (E2E) mit Playwright und schrieben Unit-Tests mit Vitest. Zur isolierten Entwicklung und Prüfung der Komponenten setzten wir zudem Storybook ein.
Angewendete Tools/ Technologien: Nuxt3, Vue 3, Typescript, Tailwind, Git, GitHub, Jira, Visual Studio Code, Vitest, Storybook
Git, Typescript, Vue.Js
10/2021 – 11/2022
Tätigkeitsbeschreibung
Für den langjährigen Kunden Tchibo Mobil entwickelten wir das Kunden-Portal. In diesem hatten die Kunden von Tchibo die Möglichkeit, ihr Verträge einzusehen oder zu ändern. Außerdem konnten sich Angestellte von Tchibo mit speziellen Rollen anmelden und die Verträge ebenfalls überarbeiten. Das Portal wurde mit Angular entwickelt. Eine Besonderheit des Projekts war das ausgeprägte technische Verständnis des Kunden und der Wunsch, möglichst viele Bereiche des Portals dynamisch mittels eines Content-Management-Systems (CMS) gestalten zu können. Dies erforderte, dass zahlreiche Komponenten und Seiten basierend auf den CMS-Eingaben dynamisch gerendert wurden.
Mit Flutter entwickelten wir außerdem eine App für einen WLAN-Router to Go von Tchibo. Mit der App konnten User ihren Router einrichten und verwalten.
Angewendete Tools/ Technologien: Angular, Flutter, TypeScript, BEM, Jasmine, Karma, Git, GitHub, Jira, Visual Studio Code
Angular, Flutter, Git, Jira, Typescript
10/2021 – 3/2022
Tätigkeitsbeschreibung
Das Ziel des Projekts bestand darin, den bestehenden Online-Shop von Möbel Boss umfassend neu zu gestalten. Neben dem Projektteam arbeitete ein zusätzliches Design-Team eng mit dem Kunden zusammen, um in Figma ein neues Design-System zu entwickeln und den Online-Shop zu redesignen. Als Frontend-Entwickler war es meine Aufgabe, die Komponenten und Features basierend auf diesen Designs umzusetzen. Außerdem wurden die Performance sowie die Suchmaschinen-Sichtbarkeit deutlich verbessert. Entwickelt wurde der Shop mit Angular und Angular Universal für Server Side Rendering (SSR).
Genutzt wurde außerdem das SAP Framework Spartacus, welches auf Angular aufbaut und die Erstellung von Online-Shops im SAP-Kosmos vereinfacht.
Angewendete Tools/ Technologien: Angular, Angular Universal, Angular Spartacus, TypeScript, Git, GitHub, Jira, Visual Studio Code
Angular, Git, Jira, Typescript
1/2020 – 10/2021
Tätigkeitsbeschreibung
Ich war Teil des DevOps Teams und half dabei, die Deployments und den Aufbau der Infrastruktur zu automatisieren. Dies geschah mit Git, Bamboo, Kubernetes und Ansible.
DevOps wurde so in vielen bestehenden Projekten als essenzieller Bestandteil integriert.
Zu diesem Zweck wurde ein Jira-Board eingerichtet, auf dem Projektteams ihr Interesse bekunden konnten. Im Anschluss fand ein Erstgespräch statt, um die Anforderungen an das Projekt sowie die DevOps-Implementierung zu ermitteln. Daraufhin wurde die CI/CD-Umgebung aus einem Bamboo-Template erstellt und an die spezifischen Bedürfnisse des Projekts angepasst. Zusätzlich wurden Rollen und Zugriffsrechte für das Team festgelegt. Im weiteren Verlauf wurden die Repositories der Projekte integriert.
Die Entwicklung eines DevOps Reifegradmodelles war außerdem Teil meiner Bachelorarbeit, welche ich parallel zu meiner Arbeitstätigkeit absolvierte.
Angewendete Tools/ Technologien: Ansible, Bamboo, Jira, Kubernetes, Docker
Ansible, DevOps, Docker, Kubernetes
8/2019 – 12/2019
Tätigkeitsbeschreibung
Bei unserem Kunden Vodafone war es meine Aufgabe, eine Testautomatisierung mit Java EE und Cucumber zu planen und zu entwickeln, um die Qualität und Stabilität wesentlicher API-Schnittstellen sicherzustellen.
Hierfür standen bereits über 60 Test-CSV-Dateien zur Verfügung, die Testdaten für die einzelnen API-Schnittstellen enthielten. Ich organisierte diese Dateien in eine klare Ordnerstruktur und entwickelte ein Java-Programm, das diese Struktur durchlief und die CSV-Dateien einlas. Anschließend testete ich die Schnittstellen mithilfe von Cucumber, um zu überprüfen, ob sie die erwarteten Ergebnisse lieferten. Ich führte das Projekt eigenständig durch, stand jedoch in engem Austausch mit dem Kunden.
Angewendete Tools/ Technologien: Java EE, Cucumber, Eclipse
Angular, J2EE, Test Automation
7/2017 – 7/2019
Tätigkeitsbeschreibung
Als externer Dienstleister planten, erweiterten und warteten wir Versicherungssoftware für die Zurich Versicherung in der KFZ und Lebensversicherungssparte.
Meine Aufgabe war das Entwickeln und Testen der einzelnen Anwendungen, die in C++, Java und Angular erstellt wurden. Die Anwendungen wurden speziell für Versicherungsvertreter entwickelt und wurden deren Bedürfnissen angepasst.
Darüber hinaus entwarfen wir Hybride App Prototypen mit Angular und Ionic, die spezifische Use Cases bedienen und erforschen sollten. Beispielsweise entwickelten wir eine App, mit der Wartungstechniker Berichte per Sprachbefehle erstellen konnten, da diese während ihrer Arbeit Handschuhe tragen und somit die Mobile Tastatur nicht bedienen können. Außerdem erstellten wir eine interne Zeiterfassungs-Software, um die eventuell die alte Software abzulösen. Dafür verwendeten wir in dem ersten Prototypen Firebase und den Firebase Firestore.
Angewendete Tools/ Technologien: C++, Angular, Ionic, TypeScript, Firestore, NestJS, MongoDB, Java, Jira, SVN, Git, GitHub, TortoiseSVN, Cucumber, VS Code, Eclipse
Angular, C++, Git, J2EE, Typescript
7/2015 – 6/2017
Tätigkeitsbeschreibung
Ein wesentlicher Bestandteil meiner Tätigkeit war die Visualisierung und Analyse umfangreicher Datensätze im Zusammenhang mit der Vergabe von Baumaßnahmen durch das Bundesministerium für Verkehr und digitale Infrastruktur. Ziel des Projektes war, die Vergabe der Aufträge des Ministeriums zu erfassen, zu kontrollieren und eventuelle Korruption zu erkennen.
Im Rahmen des Projekts entwickelte ich Automatisierungsskripte, analysierte die Datensätze und stellte deren Zusammenhänge anschaulich dar.
Angewendete Tools/ Technologien: Microsoft Power BI, Oracle Database, SQL
Oracle Database, Power Bi, SQL
Ausbildung
Fachhochschule der Wirtschaft (FHDW)
Bergisch Gladbach
DXC Technology
Über mich
Mein Anspruch an qualitativ hochwertigen und wartbaren Code beinhaltet die Implementierung automatisierter Unit- und End-to-End Tests, um die Softwarequalität nachhaltig zu verbessern. Eine enge Zusammenarbeit mit dem Kunden sowie dem Projektteam ist dabei ebenso entscheidend, um optimale Ergebnisse zu erzielen. In Zukunft möchte ich meine Kenntnisse im Bereich DevOps und skalierbarer Anwendungen mit Kubernetes weiter ausbauen und vertiefen.
Weitere Kenntnisse
Frontend (Primär):
- Angular
- TypeScript
- Nuxt 3
- Vue
- React Native
- Flutter
DevOps
- Docker
- Kubernetes
- GitHub Actions
- Ansible
- Bamboo
- Google Cloud
- AWS
Backend
- NestJS
- NodeJS
- ExpressJS
Datenbanken
- MongoDB
- SQL
Persönliche Daten
- Deutsch (Muttersprache)
- Englisch (Fließend)
- Europäische Union
Kontaktdaten
Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.
Jetzt Mitglied werden