Frontend architect
Aktualisiert am 22.11.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 25.11.2024
Verfügbar zu: 100%
davon vor Ort: 100%
Front-End
Software-Design
Skalierbarkeit
Stakeholdermanagement
Präsentation
Teamleading
German
Fluent
English
Fluent
Vietnamese
First language

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

2024 - today: Designed and developed the homepage


Role: Founder

Customer: on request


Tasks:

  • Designed and developed the homepage for the newly created (on request)

Skills:

Astro, Vue.js, JSX, TailwindCSS, Vercel, Github


2023 - 2024: It acts as an Anti-Corruption Layer between changing backend APIs and frontend requirements.


Role: Team Lead for Backend-For-Frontend (BFF)

Customer: Mercedes Benz Connect BFF


Tasks:

  • After the project idea was pitched to and accepted by higher managers, I led the architectural evolution of the Mercedes Benz Connect project to meet the new org demands using Domain Driven Design (DDD) to implement a Node.js based backend. It aggregates downstream microservice responses and abstracts business logic away from the frontends.
  • It acts as an Anti-Corruption Layer between changing backend APIs and frontend requirements.


Skills:

Nuxt.js, Nitro, Node.js, TypeScript, Github Actions, Helm Charts, Kubernetes, Gitops, AWS


2022 - 2024: Originally joined the project


Role: Frontend Lead

Customer: Mercedes Benz Connect


Tasks:

Originally joined the project as external, later transitioned as internal frontend lead. I proposed and lead several improvements (migrations) in this project, my work consisted of but not limited to:

  • Worked closely with high level managers at Mercedes Benz AG to determine new features and planning of the project
  • Biweekly presentation of project progress to stakeholders
  • Designed and implemented new architecture (FE, BFF, DDD)
  • Migrated Vue 2 legacy codebase to modern typescript-based Vue 3
  • Increased team productivity by adding Docs as Code, Tailwindcss, build time improvements with Vite (180s -> 2s), etc
  • Managed production deployments with helm, gitops and kubernetes
  • Code reviews, preparing epics/stories and estimations
  • Prepared goals and direction for up to next 2 PIs (6 months) intervals
  • Responsibilities: Architecture, Implementation, Consultancy, Team Coordination, DevOps, Stories Preparation


Skills:

Vue.js, Vite, Vitest, Pinia, TailwindCSS, TypeScript, JavaScript, Github Actions, Helm Charts, Kubernetes, Gitops, AWS, Analytics, Performance


2020 - 2024: commissioned website

Role: Software Engineer

Customer: bichbui


Tasks:

  • Freelance project for a commissioned website for a photographer who wants to showcase their portfolio. The website features custom design, google authentication, CMS capability, file management.


Skills:

Vue.js, Nuxt.js, TypeScript, TailwindCSS, Firebase, Vercel


2022 - 2022: Developed personal homepage


Role: Software Engineer

Customer: cnguyen


Tasks:

  • Developed personal homepage using Notion as a CMS, featuring Notion authentication and API, custom design with TailwindCSS


Skills:

Next.js, TailwindCSS, TypeScript, Notion, Vercel


2021 - 2022: Consultancy, Implementation, Team Coordination, Sories Preparation


Role: Frontend Lead

Customer: SOKA-BAU


Tasks:

  • Team lead for a group of four developers in two different internal applications: an ARS Application to help the hotline responders to quickly reference the calling user and prepare needed actions; an user management system for rental entitlements. Worked closely with business analysts to modernize internal tools using web technologies
  • Responsibilities: Consultancy, Implementation, Team Coordination, Sories Preparation


Skills:

Angular, Spring, PostgreSQL, Apache, TailwindCSS, TypeScript


2020 - 2021: Lead the development of the frontend application


Role: Frontend Software Engineer

Customer: TASKANA


Tasks:

  • Core Team Member of Taskana, an open-source task management framework. Lead the development of the frontend application. Also did consultancy for various companies that use the product. Designed and developed the marketing website (HTML on request)
  • Responsibilities: Implementation, Design, Consultancy


Skills:

Angular, Spring Boot, PostgreSQL, Travis CI, IBM Cloud, Vue.js, TailwindCSS, Github Actions


2020 - 2020: Designed a system encapsulating all internal sites using microfrontend


Role: Frontend Architect

Customer: LBBW


Tasks:

  • Designed a system encapsulating all internal sites using microfrontend.
  • Successfully pitched and developed new microfrontend architecture to stakeholders which led to adoption in production.
  • Responsibilities: Architecture, Implementation, Consultancy


Skills:

Microfrontend, Angular, Redhat Enterprise Servers, TailwindCSS, TypeScript


2019 - 2020: Implementation, Architecture, Requirement Analysis


Role: Fullstack Software Engineer

Customer: Bellavista Film CC


Tasks:

  • Lead engineer for an EU-sponsored project: A platform to create a customized film from the available custom pre-shot scenes. Lead team of four, full stack development of a webapp to create a video editing tool based on the existing inhouse materials. Also did a lot of requirementanalysis and wrote the user manuals for the end product.
  • Responsibilities: Implementation, Architecture, Requirement Analysis


Skills:

Angular, Spring Boot, MongoDB, PostgreSQL, Docker


2019 - 2019: Implementation of an Object Classification Algorithm

Role: Fullstack Software Enginee

Customer: Bellavista Film Tagger


Tasks:

  • Implementation of an Object Classification Algorithm for Media Content in Film Production. This project was referenced in my thesis which received a 1.0 (excellent) grade.
  • Responsibilities: Implementation, Research


Skills:

Vue.JS, Flask, PyTorch, OpenCV, MongoDB, Docker


2018 - 2019: A half-automatic tool to detect

Role: Fullstack Software Engineer

Customer: Bellavista Film Sorter


Tasks:

  • A half-automatic tool to detect, cut and sort the film materials between shooting and post production. Lead the development team of four, full stack development of a webapp and android app to tag during and sort after a shoot.
  • Responsibilities: Implementation, Research, Field Testing


Skills:

Vue.JS, Tornado, Gstreamer, FFMpeg, Native Android, Docker


2017 - 2017: A PWA platform for users to control the ?Snooze? sleeping capsules


Role: Team Lead of a project for the startup ?Snooze?

Customer: Startup ?Snooze? project


Tasks:

  • A PWA platform for users to control the ?Snooze? sleeping capsules via a phone. Lead team of four and developed the first functional PoC.
  • Responsibilities: Implementation, Team Coordination


Skills:

Ionic, Angular, Flask, TypeScript, Python

Aus- und Weiterbildung

Aus- und Weiterbildung

2 years 6 months
2017-04 - 2019-09

Informatik

B.Sc Informatik, Grade 1.6, Frankfurt University of Applied Sciences
B.Sc Informatik, Grade 1.6
Frankfurt University of Applied Sciences
4 years 6 months
2012-10 - 2017-03

Informatik

B.Sc., Leibniz Universität Hannover
B.Sc.
Leibniz Universität Hannover

Kompetenzen

Kompetenzen

Top-Skills

Front-End Software-Design Skalierbarkeit Stakeholdermanagement Präsentation Teamleading

Produkte / Standards / Erfahrungen / Methoden

Summary

  • I?m a passionate software engineer with over 7 years of experience in developing and serving complex fullstack projects. My passion for web development has enabled me to gain extensive experience with various frameworks, providing me with the flexibility to adapt to any technical requirements, whether working with Angular, Nuxt.js, or Next.js.
  • As a seasoned frontend architect with extensive experience in building scalable and high-performance applications, I've worked with renowned banks, insurance firms, and leading automobile companies, including Mercedes-Benz, delivering cutting-edge solutions that drive innovation and digital transformation. In my latest project at Mercedes Benz (HTMl on request), I took the team to new heights, increasing the team output by two-fold as well as delivering results in tightdeadlines while still being able to improve the technical debts of the projects. I received the award ?MVP? at the end of the project from the managers.


Work

2024 - today:

Role: Founder & Frontend Architect

Customer: on request


2023 - 2024:

Role: Senior Frontend Engineer & Frontend architect, Frontend Lead - Ecommerce Connected Services - Feature team

Customer: Mercedes-Benz.io


2020 - 2023:

Role: Consultant & Senior Software Engineer

Customer: Novatec Consulting GmbH


2018 - 2020:

Role: Lead Software Engineer

Customer: Bellavista Film


2017 ? 2018:

Role: Internal Software Rollout Team

Customer: KPMG AG


Frameworks and Technologies

  • Frontend
    • Angular, Nuxt.js/Vue.js, Next.js/React, Astro, HTML, CSS, SCSS, Tailwind
  • Backend
    • Spring Boot, Flask, Tornado, ExpressJS, Nodejs, Nitro
  • Platforms
    • Android Native App Entwicklung
  • Machine Learning
    • Gstreamer, FFmpeg, OpenCV, PyTorch
  • Cloud Native
    • Computing GCP, AWS, Firebase, Docker, Kubernetes, Helm Charts
  • DevTools
    • IntelliJ/WebStorm, VS Code, Nvim, Zed, Git
  • Project management
    • ?Agile?, Scrum, Kanban, SAFe

Programmiersprachen

Python
JavaScript (TypeScript)
Java
C
Markdown

Datenbanken

PostgreSQL
MongoDB
MySQL
Prisma

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

2024 - today: Designed and developed the homepage


Role: Founder

Customer: on request


Tasks:

  • Designed and developed the homepage for the newly created (on request)

Skills:

Astro, Vue.js, JSX, TailwindCSS, Vercel, Github


2023 - 2024: It acts as an Anti-Corruption Layer between changing backend APIs and frontend requirements.


Role: Team Lead for Backend-For-Frontend (BFF)

Customer: Mercedes Benz Connect BFF


Tasks:

  • After the project idea was pitched to and accepted by higher managers, I led the architectural evolution of the Mercedes Benz Connect project to meet the new org demands using Domain Driven Design (DDD) to implement a Node.js based backend. It aggregates downstream microservice responses and abstracts business logic away from the frontends.
  • It acts as an Anti-Corruption Layer between changing backend APIs and frontend requirements.


Skills:

Nuxt.js, Nitro, Node.js, TypeScript, Github Actions, Helm Charts, Kubernetes, Gitops, AWS


2022 - 2024: Originally joined the project


Role: Frontend Lead

Customer: Mercedes Benz Connect


Tasks:

Originally joined the project as external, later transitioned as internal frontend lead. I proposed and lead several improvements (migrations) in this project, my work consisted of but not limited to:

  • Worked closely with high level managers at Mercedes Benz AG to determine new features and planning of the project
  • Biweekly presentation of project progress to stakeholders
  • Designed and implemented new architecture (FE, BFF, DDD)
  • Migrated Vue 2 legacy codebase to modern typescript-based Vue 3
  • Increased team productivity by adding Docs as Code, Tailwindcss, build time improvements with Vite (180s -> 2s), etc
  • Managed production deployments with helm, gitops and kubernetes
  • Code reviews, preparing epics/stories and estimations
  • Prepared goals and direction for up to next 2 PIs (6 months) intervals
  • Responsibilities: Architecture, Implementation, Consultancy, Team Coordination, DevOps, Stories Preparation


Skills:

Vue.js, Vite, Vitest, Pinia, TailwindCSS, TypeScript, JavaScript, Github Actions, Helm Charts, Kubernetes, Gitops, AWS, Analytics, Performance


2020 - 2024: commissioned website

Role: Software Engineer

Customer: bichbui


Tasks:

  • Freelance project for a commissioned website for a photographer who wants to showcase their portfolio. The website features custom design, google authentication, CMS capability, file management.


Skills:

Vue.js, Nuxt.js, TypeScript, TailwindCSS, Firebase, Vercel


2022 - 2022: Developed personal homepage


Role: Software Engineer

Customer: cnguyen


Tasks:

  • Developed personal homepage using Notion as a CMS, featuring Notion authentication and API, custom design with TailwindCSS


Skills:

Next.js, TailwindCSS, TypeScript, Notion, Vercel


2021 - 2022: Consultancy, Implementation, Team Coordination, Sories Preparation


Role: Frontend Lead

Customer: SOKA-BAU


Tasks:

  • Team lead for a group of four developers in two different internal applications: an ARS Application to help the hotline responders to quickly reference the calling user and prepare needed actions; an user management system for rental entitlements. Worked closely with business analysts to modernize internal tools using web technologies
  • Responsibilities: Consultancy, Implementation, Team Coordination, Sories Preparation


Skills:

Angular, Spring, PostgreSQL, Apache, TailwindCSS, TypeScript


2020 - 2021: Lead the development of the frontend application


Role: Frontend Software Engineer

Customer: TASKANA


Tasks:

  • Core Team Member of Taskana, an open-source task management framework. Lead the development of the frontend application. Also did consultancy for various companies that use the product. Designed and developed the marketing website (HTML on request)
  • Responsibilities: Implementation, Design, Consultancy


Skills:

Angular, Spring Boot, PostgreSQL, Travis CI, IBM Cloud, Vue.js, TailwindCSS, Github Actions


2020 - 2020: Designed a system encapsulating all internal sites using microfrontend


Role: Frontend Architect

Customer: LBBW


Tasks:

  • Designed a system encapsulating all internal sites using microfrontend.
  • Successfully pitched and developed new microfrontend architecture to stakeholders which led to adoption in production.
  • Responsibilities: Architecture, Implementation, Consultancy


Skills:

Microfrontend, Angular, Redhat Enterprise Servers, TailwindCSS, TypeScript


2019 - 2020: Implementation, Architecture, Requirement Analysis


Role: Fullstack Software Engineer

Customer: Bellavista Film CC


Tasks:

  • Lead engineer for an EU-sponsored project: A platform to create a customized film from the available custom pre-shot scenes. Lead team of four, full stack development of a webapp to create a video editing tool based on the existing inhouse materials. Also did a lot of requirementanalysis and wrote the user manuals for the end product.
  • Responsibilities: Implementation, Architecture, Requirement Analysis


Skills:

Angular, Spring Boot, MongoDB, PostgreSQL, Docker


2019 - 2019: Implementation of an Object Classification Algorithm

Role: Fullstack Software Enginee

Customer: Bellavista Film Tagger


Tasks:

  • Implementation of an Object Classification Algorithm for Media Content in Film Production. This project was referenced in my thesis which received a 1.0 (excellent) grade.
  • Responsibilities: Implementation, Research


Skills:

Vue.JS, Flask, PyTorch, OpenCV, MongoDB, Docker


2018 - 2019: A half-automatic tool to detect

Role: Fullstack Software Engineer

Customer: Bellavista Film Sorter


Tasks:

  • A half-automatic tool to detect, cut and sort the film materials between shooting and post production. Lead the development team of four, full stack development of a webapp and android app to tag during and sort after a shoot.
  • Responsibilities: Implementation, Research, Field Testing


Skills:

Vue.JS, Tornado, Gstreamer, FFMpeg, Native Android, Docker


2017 - 2017: A PWA platform for users to control the ?Snooze? sleeping capsules


Role: Team Lead of a project for the startup ?Snooze?

Customer: Startup ?Snooze? project


Tasks:

  • A PWA platform for users to control the ?Snooze? sleeping capsules via a phone. Lead team of four and developed the first functional PoC.
  • Responsibilities: Implementation, Team Coordination


Skills:

Ionic, Angular, Flask, TypeScript, Python

Aus- und Weiterbildung

Aus- und Weiterbildung

2 years 6 months
2017-04 - 2019-09

Informatik

B.Sc Informatik, Grade 1.6, Frankfurt University of Applied Sciences
B.Sc Informatik, Grade 1.6
Frankfurt University of Applied Sciences
4 years 6 months
2012-10 - 2017-03

Informatik

B.Sc., Leibniz Universität Hannover
B.Sc.
Leibniz Universität Hannover

Kompetenzen

Kompetenzen

Top-Skills

Front-End Software-Design Skalierbarkeit Stakeholdermanagement Präsentation Teamleading

Produkte / Standards / Erfahrungen / Methoden

Summary

  • I?m a passionate software engineer with over 7 years of experience in developing and serving complex fullstack projects. My passion for web development has enabled me to gain extensive experience with various frameworks, providing me with the flexibility to adapt to any technical requirements, whether working with Angular, Nuxt.js, or Next.js.
  • As a seasoned frontend architect with extensive experience in building scalable and high-performance applications, I've worked with renowned banks, insurance firms, and leading automobile companies, including Mercedes-Benz, delivering cutting-edge solutions that drive innovation and digital transformation. In my latest project at Mercedes Benz (HTMl on request), I took the team to new heights, increasing the team output by two-fold as well as delivering results in tightdeadlines while still being able to improve the technical debts of the projects. I received the award ?MVP? at the end of the project from the managers.


Work

2024 - today:

Role: Founder & Frontend Architect

Customer: on request


2023 - 2024:

Role: Senior Frontend Engineer & Frontend architect, Frontend Lead - Ecommerce Connected Services - Feature team

Customer: Mercedes-Benz.io


2020 - 2023:

Role: Consultant & Senior Software Engineer

Customer: Novatec Consulting GmbH


2018 - 2020:

Role: Lead Software Engineer

Customer: Bellavista Film


2017 ? 2018:

Role: Internal Software Rollout Team

Customer: KPMG AG


Frameworks and Technologies

  • Frontend
    • Angular, Nuxt.js/Vue.js, Next.js/React, Astro, HTML, CSS, SCSS, Tailwind
  • Backend
    • Spring Boot, Flask, Tornado, ExpressJS, Nodejs, Nitro
  • Platforms
    • Android Native App Entwicklung
  • Machine Learning
    • Gstreamer, FFmpeg, OpenCV, PyTorch
  • Cloud Native
    • Computing GCP, AWS, Firebase, Docker, Kubernetes, Helm Charts
  • DevTools
    • IntelliJ/WebStorm, VS Code, Nvim, Zed, Git
  • Project management
    • ?Agile?, Scrum, Kanban, SAFe

Programmiersprachen

Python
JavaScript (TypeScript)
Java
C
Markdown

Datenbanken

PostgreSQL
MongoDB
MySQL
Prisma

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.