<hobbs />
I am a Front-end Software Engineer currently freelancing on Toptal.
LinuxReactTypeScriptFront-end ArchitectureWeb Development
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.
Employment
Front-End Software Engineer
Rain · 2022 - 2022- 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- 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- 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 
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