<hobbs />

I am a Front-end Software Engineer currently freelancing on Toptal.

LinuxReactTypeScriptFront-end ArchitectureWeb Development
github iconlinkedin icontoptal icon

Bio

Full Name: Michael Hobbs

About: I am a software engineer with seven years of experience, having mainly focused on front-end development. I prefer React and TypeScript and have led a team of remote developers to deliver mission-critical software to some of the largest banking and insurance institutions in Switzerland. I am passionate about clean code, efficient architecture, and establishing best practices.

Location: Garmisch-Partenkirchen, Bavaria, Germany

Languages: English, French, German, Portuguese

TZ: (UTC+01:00) Europe - Berlin

Working hours: Flexible to guarantee at least 4 hours overlap.


Availability:

Employment

Front-End Software Engineer

Rain · 2022 - 2022 external link icon
  • Performed technical reviews of business requirements.
  • Reverse Engineered and documented an existing react-native application.
  • Ported a react-native application to react-native-web.
  • Re-implemented a react-native application in React.js with a different tech stack.
  • Built Proof-of-Concepts for integrating external SDKs.
  • Defined and distributed tickets to team.
  • Reviewed code and mentored Front-End engineers.
  • Suggested ways to improve the architecture and project stability. eg: OpenAPI as source of truth and used to generate types for servers and clients, error codes, CI/CD code quality job, build job dependencies, build promotion, removal of dead code, etc.
  • Wrote a getting started guide and READMEs for quick ramp-up of new developers.
  • Identified and fixed critical security issues.
  • Optimized builds and more than halved the build output size.
  • Implemented new features following best practices, refactoring and addressing technical debt.
  • Designed API contracts with mock responses so that Back-End and Front-End teams could develop in parallel.
  • Enforced following the corporate styleguide and designed a strategy to align the existing front-end applications with the Design System.

Skills: React, TypeScript, Chakra-UI, Next.js, Webpack, React-Query, MSW - Mock Service Worker, i18next, React Router v6, Front-end Architecture, APIs, Module Federation, Storybook, Jest, React Testing Library, Cypress, Playwright, Technical interviews, Documentation, Reverse Engineering, AWS, GitLab, CI/CD Pipelines, Bundle analysis, Code Quality Tooling, Figma, REST, REST APIs, JavaScript, NPM, Yarn, Formik, HTML5, CSS, React Native, Redux, Recharts, Gatsby, Wordpress

Front-end Software Engineer

Quantics Consulting · 2021 - 2021 external link icon
  • Implemented new features and pages, including a drag-and-drop tree list, extending an existing custom data grid and a user menu.
  • Reported and fixed bugs, contributing to project stability and production readiness.
  • Refactored both TypeScript and style sheets while working on related code, contributing to a clean codebase.
  • Proposed front-end architecture changes to improve long-term maintainability.

Skills: React, REST, REST APIs, JavaScript, TypeScript, NPM, Sass, HTML5, CSS

Software Engineer

AdNovum · 2015 - 2020 external link icon
  • Worked on over 10 projects with a broad range of responsibilities.
  • Designed and implemented software improvements (change requests) during the software lifecycle.
  • Developed and maintained software and software components, databases as well as interfaces to surrounding systems.
  • Designed and selected appropriate methods, techniques, standards, guidelines, and tools for software development.
  • Designed and implemented models for data, functions, and objects.
  • Defined required technical and human resources, software and technical architectures, and interfaces for surrounding systems.
  • Wrote and kept documentation up to date, including requirements analysis, data models, database schemas, source code, technical specification, configuration and deployment parameters, and operation guides.
  • Planned, evaluated, migrated, developed, configured, and tested systems as well as transitioned these systems to production.
  • Collaborated with teams from other companies to resolve issues during development.

Skills: React, TypeScript, Sass, JSS, HTML, JavaScript, SQL, Java, React Router, Redux, i18n, Jest, Webpack, Enzyme, WireMock, Material-UI, Analytical Thinking, Axios, AngularJS, CI/CD Pipelines, Code Review, Cost Estimation, CSS, DevExpress, Docker, APIs, CSS3, ESLint, Estimation & Planning, Front-end, Front-end Architecture, Front-end Development, GoCD, Estimations, Highcharts, H2, HTML5, IntelliJ, Ionic, JSP, JSX, Linux, Formik, Microsoft SQL Server, Integration, NPM, Problem Solving

Experience

Early Wage Access Web App

A React web app for providing early access to employees' salary. Features include onboarding new users, verifying their credit score, validating their identity via external SDK, linking their employer, linking their bank account, amount selection and fee calculation, chat with customer services via external SDK, analytics and monitoring. I was responsible for translating conceptual mock screens into an implementation plan, assigning development tasks and enforcing code quality.

Industries: Software, FinanceSkills: React, TypeScript, Chakra-UI, React Router, Jest, React Testing Library, HTML, i18next, ESLint, Prettier, REST APIs, React Query, Fetch, Mock Service Worker MSW.js, Webpack, Babel

Sign-Up Web App

A Next.js web app for onboarding partner employees, preloading user data. Built in a partner-agnostic way, to quickly roll-out to new partners. Highlights: implementing preloading of user data reducing user steps and improving UX, documenting technical and business specifications, improving Type safety and TypeScript usage, internationalizing for India.

Industries: Software, FinanceSkills: Next.js, React, TypeScript, Chakra-UI, Playwright, HTML, ESLint, Prettier, REST APIs, React Query, Fetch, Mock Service Worker MSW.js

Employer Dashboard Web App

A React Web App providing partners with access to usage metrics and details for their signed-up employees, as well as the ability to manage their pool of users. Highlights: halving build size, fixing TypeScript usage, identifying and removing dead-code, adding API mocks, migrating deprecated code, documenting technical and business specifications, designing new APIs, implementing user metrics, implementing user import/export, localizing for India.

Industries: Software, FinanceSkills: React, TypeScript, Chakra-UI, Jest, React Testing Library, HTML, ESLint, Prettier, React Router, REST APIs, React Query, Fetch, CI/CD Pipelines, Recharts

Insurance Engine Web App

A React web app for configuring core insurance entities and their relationships. I served as the lead front-end developer in charge of setting up the project using the latest technologies, liaising with the UX team and business analysts to perform feasibility studies and build POCs, planning the REST API interface with the back-end team, and ensuring code quality through code reviews.

Industries: Software, InsuranceSkills: React, DevExpress, Material-UI, React Router, TypeScript, JSS, Jest, Enzyme, HTML, i18n, ESLint, REST APIs, React Redux

Vehicle Insurance Web App

A React web app for managing insured fleets of vehicles, contracts and contract offers. The web app had both internal and external access from employees and clients, respectively. Reference data was loaded from several back ends. I acted as the lead front-end developer tasked with creating and distributing tasks, ensuring code quality, aligning the UI with the corporate style guide, assisting with the REST API design, and selecting the front-end dependencies.

Industries: Motor Vehicles, Software, InsuranceSkills: React, React Router, i18n, TypeScript, Material-UI, Axios, React Redux, Formik, Jest, Enzyme, TSLint, HTML

Financial Rating Application external link icon

Migration of a financial rating application from JSP to React. I worked on extracting the existing business logic from the old application's source code and the existing technical documentation and translating this into tickets for implementation in the target web framework. I assisted the technical lead to perform code reviews and with task estimations. • Bootstrapping the application state based on entry-point query parameters. • Complex masked inputs. • Data tables with dynamic, editable entries. • Used by over 3,500 bank employees in their daily work.

Industries: Custom Software & IT Services, Financial Software, Banking, Software, Web DevelopmentSkills: React, React Redux, JSP, TypeScript, CSS, Sass, Storybook, JavaScript, JSX, HTML, Code Review, Estimations

Investment Sales App

An Ionic cross-platform app for a major Swiss bank to support their client advisors when selling investment packages. Connecting to multiple internal back-end services, the app allows users to show the historical performance of various investment opportunities as well as to calibrate an investment package for individual clients during meetings. Internationalized for Swiss and APAC clients. • Packaged for and used on iPads. • Highcharts and interactive charts. • Used AngularJS.

Industries: Custom Software & IT Services, Finance, BankingSkills: AngularJS, Ionic, Highcharts, Xcode, CSS, HTML, JavaScript

Gamified Savings App

A Vanilla JS web app for a Swiss bank targeted at younger clients to help them reach their savings goals. Participated in the development of the proof of concept, bringing the project to production readiness with CI/CD, and implementing new features and change requests. The back end was built with the Play framework and written in Java, connecting to a Microsoft SQL Server database.

Industries: BankingSkills: Java, Microsoft SQL Server, H2, JavaScript, HTML, CSS, REST APIs, CI/CD Pipelines, GoCD, Docker

Case Management Admin Tool

Change requests for two tools for a client in the public sector. The first is a tool for caseworkers to collaborate and track progress on cases. The second tool is for HR and management to track the performance of and to set targets for the caseworkers. Both projects rely heavily on database query optimization, stored procedures, and scheduled jobs. Both use Java and Spring for the business logic and back end. For the front-end components, one project uses JSP and the other uses AngularJS.

Industries: Public SectorSkills: SQL, AngularJS, JSP, Java, JavaScript, HTML, CSS, REST APIs

Ionic Plugin for Native Payments SDK

An Ionic plugin for an Android and iOS payment solution SDK for a car-sharing app. I implemented the SDK wrappers in Objective C and Java to be used in an Ionic web app. The plugin was fully tested and documented, and the project team managed to integrate it into their application.

Industries: Connected Cars, Transportation, Credit Cards & Transaction ProcessingSkills: Java, Objective-C, iOS, Android, Xcode, JavaScript, Ionic

Mortgage Web App

An AngularJS mortgage configuration and extension web app for a Swiss bank. The main part of the web app consists of a custom-made interactive SVG allowing users to split and merge mortgages into various types with different rates and different durations. The web app connects to the bank's core systems to always provide up-to-date interest rates as well as to fetch the client's current mortgage or a saved draft.

Industries: BankingSkills: AngularJS, JavaScript, CSS, HTML

Client Authentication Integration

Integration and implementation of change requests for a major Swiss bank's client authentication used globally in over twenty countries. Used AdNovum's formerly in-house identity management product Nevis, which is now a separate spin-off company.

Industries: BankingSkills: Perl, JavaScript, Java, HSM, HTML, Integration, Shell, CSS, SQL, IBM Db2

Instant Transfer App

A Cordova hybrid web app built for a Swiss Bank. The first of its kind in Switzerland, the app won several awards at the Best of Swiss Apps Awards in 2015. I worked on developing the front end, regularly going to the client's premises to debug issues on their test environments. The app had an onboarding process, including a credit card scanner for which I built a Cordova plugin, and allowed users to instantly send money to other users.

Industries: BankingSkills: JavaScript, CSS, HTML, Cordova, Cordova Plugins, iOS, Android, Xcode

Skills

Linux, React, TypeScript, YARN, Redux, Visual Studio, Jest, Material-UI, React Router, Software Development, Analytical Thinking, Problem Solving, Sass, JSS, HTML, JavaScript, SQL, Java, i18n, Webpack, Enzyme, WireMock, DevExpress, ESLint, REST APIs, Axios, React Redux, Formik, TSLint, MATLAB, AngularJS, Ionic, Highcharts, Xcode, CSS, JSP, Perl, HSM, Integration, Shell, IBM Db2, Microsoft SQL Server, H2, CI/CD Pipelines, GoCD, Docker, HTML5, CSS3, Web Development, Web Applications, Web App Development, Python, Python 3, REST, NPM, JSX, Storybook, Web Architecture, Web Application Architecture, Front-end, Code Review, Source Code Review, APIs, IntelliJ, Task Analysis, Estimations, Cost Estimation, Estimation & Planning, Front-end Development, Front-end Architecture, Objective-C, iOS, Android, Cordova, Cordova Plugins

Education

Master's Degree in Computer Science

Lausanne, Switzerland · 2012 - 2014
Swiss Federal Institute of Technology Lausanne (EPFL)

Bachelor's Degree in Computer Science

Lausanne, Switzerland · 2008 - 2012
Swiss Federal Institute of Technology Lausanne (EPFL)