Available immediately for permanent positions

Faisal
Hossain

Frontend-Focused Full-Stack Engineer

Frontend-focused full-stack software engineer with 4+ years of professional web development experience building modular, accessible applications and reusable frontend systems with React, Vue.js, Angular, TypeScript, Node.js and MongoDB

Get in touch View projects
CV: German ↓ English ↓
Offenburg · open to relocation across Germany Unrestricted work authorisation in Germany
Portrait of Faisal Hossain
Full-Stack Software Engineer
// 01

About Me

Experience Professionally, I have developed and modernised 20+ Deutsche Telekom projects across e-commerce, customer portals, trade-in, streaming/TV and B2B, as well as 17+ partner websites. I built reusable Vue and React components, responsive multi-device applications and micro-frontends with Module Federation. I integrated REST and GraphQL APIs, resolved 300+ WCAG 2.1 AA accessibility issues, improved maintainability and performance, and strengthened automated testing for an AI-powered document processing product.

Collaboration In Scrum and Kanban teams, I worked closely with developers, designers and project managers, took technical ownership, contributed to code reviews, translated complex requirements into maintainable solutions and coordinated testing activities.

Current I am currently building RoleNaviq, an end-to-end job application platform with application tracking, dashboards, Kanban workflows, an interview calendar and a separately deployable Angular interview-preparation micro-frontend. React, Node.js/Express and MongoDB power the core product; a Python/FastAPI service for AI document analysis is planned.

Goal I am available immediately and looking for a full-time Frontend or Full-Stack Software Engineer position in Germany. I am open to relocating nationwide.

4+ years of professional web development experience
Master's Media Engineering
Bachelor's Computer Science (CSE)
20+ Telekom projects
// 02

Professional Experience

Software Developer, E-commerce

exagon consulting & solutions GmbH
05.2023 – 12.2025 Full-time · Germany
  • Developed and enhanced 20+ projects for Deutsche Telekom and 17+ partner websites, including e-commerce platforms, customer portals, trade-in, streaming/TV and B2B services, responsive multi-device applications and micro-frontends with Module Federation; took technical ownership from development through maintenance
  • Built 30+ reusable UI components and client-specific component libraries with Vue 3 and React, aligned with the Telekom Design System
  • Improved accessibility across several platforms in line with WCAG 2.1 AA and resolved 300+ accessibility issues
  • Refactored legacy code and migrated applications from React and Vue 2 to Vue 3 to improve maintainability
  • Developed and consumed REST APIs and integrated GraphQL APIs (Apollo Client)
  • Implemented complex requirements with developers, designers and project managers in agile Scrum and Kanban teams and contributed to code reviews
HTMLCSS JavaScriptTypeScriptVueReact Node.js Express REST API GraphQL (Apollo Client) Module Federation Storybook Webflow Docker Git Jira Confluence GitLab Vite

Web Developer, AI Product

Natif.ai (now part of DocuWare)
05.2022 – 04.2023 Part-time · Germany
  • Developed and extended an AI-powered intelligent document processing product and delivered 20+ new features and components
  • Coordinated testing activities for approximately six months, prioritised test tasks and aligned closely with developers
  • Built and maintained E2E and component tests with Cypress and Jest, increasing E2E coverage from approximately 10 % to 85 % and component coverage from approximately 0 % to 70 %
  • Developed and refactored Vue.js components, performed root-cause analyses for failing tests and advised developers on improving hard-to-test components
  • Integrated tests into GitLab CI/CD, modernised legacy code and dependencies, improved load time and resolved bugs
HTMLCSS JavaScriptVue JestCypress CI/CDGitLab Git Webpack AI

Web Developer, CMS

Venus IT Institute
01.2019 – 09.2019 Full-time · Bangladesh
  • Adapted content, layouts and functionality to individual client requirements.
  • Managed client communication and provided technical guidance.
  • Investigated technical issues and supported users with maintenance and troubleshooting.
WordPressHTMLCSSServer administration

IT-Support

Anik Telecom Ltd.
04.2016 – 12.2018 Full-time · Bangladesh
  • Monitored, configured and maintained computer systems and networks
  • Diagnosed and resolved hardware and software issues
  • Provided day-to-day technical support.
Windows Linux System administration Hardware and software support Troubleshooting

Freelance Web Developer

Upwork · Remote
05.2013 – 03.2016 Part-time · Remote
  • Built WordPress websites for international clients and tailored them to individual requirements.
  • Managed client projects independently and supported SEO and content maintenance.
  • Analysed client requirements and wrote technical articles.
WordPressSEOWeb design Technical writing
// 03

Employment References and Recommendations

A concise overview of my professional and academic references. I am happy to provide the complete documents during the application process.

Outstanding expertise in modern web technologies and accessibility, paired with excellent work quality. My performance consistently met in key areas and exceeded the highest expectations.

exagon consulting & solutions GmbH Employment reference · 2025

Very good technical knowledge, high initiative and consistently reliable work. The reference especially recognises my ownership of Cypress and Jest testing, analytical approach, contribution to product quality and exemplary professional conduct.

Natif.ai Employment reference · 2022

The letter confirms my IT support responsibilities and highlights my commitment, technical competence and teamwork.

Anik Telecom Ltd. Reference letter · 2019

The letter confirms my web development work across implementation, deployment, maintenance, customer support and technical documentation.

Venus IT Institute Reference letter · 2019

Prof. Dr. Tom Rüdebusch recognises my exceptional academic work, determination and constructive collaboration, as well as my engagement in the international CME programme and its buddy programme. He recommends me strongly and without reservation.

Prof. Dr. Tom Rüdebusch Letter of recommendation · Offenburg University · 2022
Request supporting documents →
// 04

Technologies

Frontend

JavaScript (ES6+) TypeScript Vue.js · Pinia · Vuex React · Redux · TanStack Query Angular · NgRx Next.js HTML5 CSS3 · Sass · SCSS Tailwind CSS Bootstrap Zod Storybook

Backend, APIs & Data

Node.js Express REST APIs MongoDB · Mongoose JWT GraphQL · Apollo Client

Frontend Architecture & System Design

SPA / SSR / SSG Micro-frontends · Module Federation Monorepos · Nx State & data flow Code splitting Lazy loading API & deployment boundaries

Testing

Cypress Jest Vitest React Testing Library Supertest

Cloud & DevOps

Docker GitHub Actions CI/CD GitLab CI/CD Vercel Render Git GitHub Linux

AI & LLM

AI-assisted development Prompt engineering Claude Code Codex GitHub Copilot Cursor

Quality

Accessibility Clean code Performance optimisation Responsive design SEO

CMS

WordPress Webflow WooCommerce

Collaboration & Build

Jira Confluence Scrum / Kanban Vite / Webpack npm / Yarn
// 05

Selected Projects

My professional experience is summarised above. This section presents one current full-stack product and three documented code samples. The engineering insights focus on decisions, trade-offs and next steps.

Full Stack · 06.2026–Present · Work in progress

RoleNaviq – Navigate every application with clarity

An end-to-end job application platform with tracking, dashboards, Kanban workflows, an interview calendar and a separately deployable Angular interview-preparation micro-frontend. A Python/FastAPI AI document-analysis service is planned.

System architecture
Implemented Planned
Client React application Applications · Dashboard
Client Angular micro-frontend Interview preparation
REST API Node.js · Express Authentication · Validation · Business logic
Data MongoDB Atlas Application and user data
Planned Analysis Python · FastAPI Job analysis · LLM/RAG · Matching
Delivery
Vitest and Cypress protect key flows; Docker Compose standardises local orchestration and GitHub Actions validates changes before deployment.
Access
JWT authentication in HttpOnly cookies, protected React Router routes and server-side per-user authorisation.
Roadmap
Python/FastAPI document analysis, LLM/RAG workflows and AI-assisted matching are planned next steps.
TypeScript React Angular Vite Tailwind CSS React Router TanStack Query React Hook Form Zod Node.js Express MongoDB Vitest Cypress Supertest Testing Library Docker GitHub Actions
View code and documentation ↗ Live app ↗
Master's thesis · Architecture comparison

Three rendering strategies, one controlled scenario

Three comparable e-commerce applications make the practical differences between SPA, SSR and SSG visible.

Focus
Compare rendering strategies under consistent conditions
Features
Practical comparison of performance, SEO, scalability and maintainability
ReactNext.js Node.js Express.js MongoDB Material UI
Tiny Shop · SPA Client-side rendering ↗ Small Shop · SSR Rendering on each request ↗ Little Shop · SSG Pre-rendered at build time ↗
Full Stack · Tour World

Tour platform with an end-to-end booking flow

A server-rendered application covering tours, accounts, reviews and bookings, from data modelling through checkout.

Focus
REST API, authentication and role-based access
Features
Profiles, map view, reviews and Stripe checkout
Node.js Express.js MongoDB Pug JWT Stripe
View code and documentation ↗
Frontend · Recipe App

Modular recipe search as a single-page application

A responsive application for finding, adapting and saving recipes, with a clear separation between data, presentation and control flow.

Focus
Modular MVC structure and external API integration
Features
Pagination, serving adjustments, bookmarks and custom recipes
JavaScript (ES6+) HTML5 Sass/SCSS REST API Parcel
View code and documentation ↗
Engineering · Portfolio case study

RoleNaviq: Designing independent service boundaries

The platform separates a React application, an Angular interview-preparation micro-frontend and a Node.js/Express API. These implemented boundaries can be tested and deployed independently; a Python/FastAPI analysis service is planned.

Decision 01

Separate responsibilities by application boundary

React owns the core application flow, while Angular isolates interview preparation. The Node.js API remains the shared business and data boundary; Python/FastAPI is reserved for LLM and RAG-based document analysis.

Decision 02

The API is the security boundary

JWTs are stored in HttpOnly cookies. React Router protects the client experience, but authorisation remains on the server, where every request is checked against the signed-in user's resource ownership.

Trade-off

Independent services add operational complexity

Multiple applications improve separation and scaling, but they also introduce more deployments and API contracts. Docker Compose keeps local orchestration reproducible, while explicit boundaries limit coupling between services.

Delivery evidence

Tested and deployed across the full delivery path

Vitest and Cypress cover key flows, GitHub Actions provides CI, and React and Angular are deployed to Vercel. The Node.js API runs on Render with MongoDB Atlas; the planned Python LLM/RAG service remains clearly identified as roadmap work.

Status: active development
Decision guide · Rendering

SPA, SSR and SSG compared directly

The three thesis applications implement a comparable shop with different rendering strategies. This table shows which kinds of requirements each approach is particularly well suited to.

Practical differences between the three rendering strategies
Criterion SPA SSR SSG
HTML generation In the browser after JavaScript loads On the server for every request During the build process
Initial delivery App shell; JavaScript initialises the view Fully rendered HTML from the server Pre-rendered HTML from static files
Data freshness Current data through API requests Current data at request time Data from the latest build
Infrastructure Static hosting plus an API A continuously running server Static hosting or a CDN
Strong fit Highly interactive web applications Dynamic or personalised pages Stable, content-led pages
Engineering insight · Master's thesis

Creating a fair SPA, SSR and SSG comparison

The real challenge was not building three shops. It was controlling the variables so that the rendering strategy remained the meaningful difference.

Comparison design

The same task, delivered differently

The data model, core functionality and product scope were kept as consistent as possible. This made it easier to attribute differences to rendering rather than unrelated product features.

Trade-off

Computation moves; it does not disappear

An SPA moves more work into the browser, SSR renders at request time and SSG spends that effort during the build. The right choice therefore depends on freshness requirements, infrastructure and usage patterns.

Measurement approach

Measure initial load, navigation and updates separately

A single metric would be misleading. The comparison becomes more useful when initial load, subsequent navigation, SEO requirements and update effort are evaluated independently.

Key lesson

There is no universal winner

Rendering is an architectural decision with competing priorities. The main lesson was learning to evaluate those trade-offs in the context of a specific product.

Engineering insight · Full Stack

Tour World: Trust stops at the browser

For accounts and bookings, the interface must feel responsive while authorisation and business-critical decisions remain on the server.

System boundary

Client actions are requests, not proof

The browser initiates sign-in, reviews and checkout. Whether an action is permitted must still be decided on the server using the authenticated identity and role.

Architecture

One connected request flow

The server-rendered application exposed the complete path from route and controller through the data model and template to the response. This made the dependencies between frontend and backend explicit.

Error strategy

Handle errors where the context exists

Validation, authorisation and external services require different responses. Centralised error handling provides consistency without hiding the underlying domain cause.

What I would improve today

Modernise and test critical boundaries

I would update dependencies, validate environment variables strictly, isolate payment logic behind a service and cover authentication and booking flows with integration tests.

Engineering insight · Frontend

Recipe App: Keeping change local

The central question was how to add views and interactions without spreading API access and DOM logic throughout the application.

Structure

One responsibility per module

The model owns data and application state, views handle rendering and UI events, and the controller coordinates the two. Changes therefore stay closer to the responsibility that caused them.

Data flow

A traceable source of UI state

Search results, serving sizes and bookmarks are derived from one central state. The interface renders that state instead of maintaining parallel copies in several places.

Trade-off

Vanilla JavaScript makes architecture visible

Without a framework, rendering, events and state changes must be organised explicitly. This requires more initial effort, but exposes the mechanics behind component-based frameworks.

What I would improve today

Modernise dependencies and quality controls

I would modernise the build dependencies, add tests for state transitions and systematically review loading, error and keyboard states while retaining the existing MVC structure.

// 06

Education

03.2026 – 08.2026

Professional German Course · B2

Institut für deutsche Sprache (IDS), Offenburg
10.2019 – 02.2023

M.Sc. Communication and Media Engineering (CME)

Offenburg University, Germany Final grade: 1.8 (German scale)

Master's thesis (grade: 1.0): Comparison of SSR, SPA and SSG in modern web development (React, Next.js, Node.js, Express, MongoDB, Material UI)

Internship project: Developed an e-commerce website using Figma, WordPress and CSS.

Project: Social media application built with React and SCSS, with Progressive Web App (PWA) functionality

04.2009 – 02.2016

B.Sc. Computer Science and Engineering (CSE)

Islamic University, BD GPA: 3.46/4.00 (approximately 1.8 on the German scale)
Certificates

Professional Development

  • Interkulturelle Kompetenz (Offenburg University)
  • ChatGPT & Generative AI (Udemy)
  • Node.js, Express, MongoDB & More (Udemy)
  • Advanced React and Redux (Udemy)
  • Vue: The Complete Guide (Udemy)
Awards

Academic Recognition

  • STIBET Scholarship, Offenburg University (2021)
  • Awards for outstanding academic achievement, Islamic University, Bangladesh (April 2012 and February 2016)
// 07

Languages

Bengali Native
English Fluent
German B2
Hindi / Urdu Advanced
// 08

Automated quality assurance

Lighthouse CI · DE and EN

Latest Lighthouse results

After every relevant push, CI audits both language versions. Each category shows the lower median score across the pages tested.

Audit pending
Performance
–/100
Accessibility
–/100
Best Practices
–/100
SEO
–/100

Verified scores will appear after the next successful workflow run.

View workflow ↗
// 09

Contact

I am open to permanent frontend and full-stack opportunities and would be pleased to hear from you.

Phone (+49) 174 3700638 Email faisalh.iu@gmail.com Location Offenburg · open to relocation in Germany LinkedIn View profile → GitHub View projects →