Fullstack-ontwikkelaar

• Developed a dashboard UI for the company's cybersecurity scanning tool. This was based on Next.js and featured the heavy use of Recharts to produce graphs of the scanner's complex data output.

• Worked from a series of Figma designs to produce a pixel-perfect, responsive site with dark and light modes.

• Collaborated closely with the CTO and another back-end developer to integrate with the existing C#-based REST API. This included authentication with MFA and adding payment support through Paddle.

• Developed an MVP for hierarchy management and versioning tool, including the user dashboard, admin section, authentication with JWT, and secure cookies.

• Built the tool with Next.js, with the front-end being based around React Flow to allow users to easily create and view their hierarchies with visible nodes and edges.

• Worked closely with the PM to outline the data model required to define the hierarchies and how to version them. This was then implemented in the graph database Neo4j.

• Implemented pixel-perfect designs and user flows provided through Figma.

• Worked on the "My Account" section which allows users to create and manage ticket listings and purchases. The site has over 15 million users per month, so there was a strong emphasis on review, testing, and experimentation of changes.

• Joined the team as they were just starting to incrementally introduce TypeScript to the large codebase. As the only front-end specialist on the team, I spent a lot of time converting any sections I worked on into TypeScript.

• Introduced essential front-end tooling, such as React linting and Prettier, to the codebase.

• Created pixel-perfect responsive implementations from Figma designs.

• Ontwikkelde een analysetracker samen met de bijbehorende API en UI, waardoor Pfizer effectief het gebruikspatroon van hun interne tools kon volgen.
• Implementeerde de tracker als een NPM-pakket en werkte samen met ontwikkelingsteams voor verschillende interne tools, waardoor een naadloze integratie en aanpassing van de tracker mogelijk werd om specifieke analysetaken en gegevens vast te leggen.
• Creëerde de API met Express, ondersteund door zowel PostgreSQL als Neo4j-databases, en optimaliseerde databaseweergaven, queries en de gegevens die van elke eindpunt werden verzonden vanwege het aanzienlijke datavolume dat werd verwerkt.
• Ontwierp de UI, wat managementteams tools bood om verzamelde gegevens te inspecteren, visualiseren en analyseren via interactieve grafieken en tijdlijnen ontwikkeld met D3, en stemde deze af op individuele behoeften.

• Developed an analytics tracker along with its related API and UI, enabling Pfizer to monitor the usage patterns of their in-house tools effectively.

• Implemented the tracker as an NPM package and collaborated with development teams for various in-house tools, ensuring seamless integration and customization of the tracker to capture specific analytics events and data.

• Created the API using Express and supported by both PostgreSQL and Neo4j databases. Extensive efforts were made to optimize database views, queries, and the data transmitted from each endpoint due to the substantial volume of data processed.

• Designed the UI, providing management teams with tools to inspect, visualize, and analyze gathered data through interactive charts and timelines developed with D3. The UI could be tailored to individual needs.

• Collaborated closely with the project manager and designer, outlining the technical feasibility of mockups and designs, offering time estimates, and breaking down high-level requirements into manageable tasks.

• Bouwde zowel de frontend als backend van een Minimum Viable Product (MVP) dat radiologen hielp om vervolgafspraken met patiënten te boeken.
• Samenwerkt in het besluitvormingsproces voor het selecteren van een technologie-stack en ontwikkelde de applicatie vanaf nul op basis van Figma-ontwerpen.

• Constructed both the front-end and back-end of a Minimum Viable Product (MVP) to assist radiologists in booking follow-up appointments with patients.

• Collaborated in the decision-making process for selecting a technology stack and developed the application from scratch based on Figma designs.

• Worked closely with the CEO and CTO to identify the necessary features for the MVP. Collaboratively outlined the lowest-risk strategy for developing the MVP within the specified timeframe.

• Ontwikkelde een site die gebruikers in staat stelde om 'uitzonderlijk talent' te boeken voor deelname aan hun virtuele evenementen.
• werkte aan alle aspecten van de site, inclusief pixel-perfect responsive weergaven, authenticatie, analytische gegevens, foutopsporing, e-mails, prestaties en eenheid- en integratietests.

• Developed a site that allows users to book "exceptional talent" to take part in their virtual events.

• Worked on all aspects of the site, including pixel-perfect responsive views, auth, analytics, error-tracking, emails, performance, and unit and integration testing.

• I was asked to take a static, jQuery-based MVP of an image workflow tool and to reimplement and extend the features as a fully responsive React SPA.

• The features included user account lifecycle, user group management, search, filtering, and being able to move the images through the various stages of the workflow.

• As there was no designer on the project, I was required to design the layout and the user flows through the app.

• I was tasked with taking an existing WordPress site, which helped people with disabilities find suitable jobs, and to rewrite and expand on the features using a React SPA.

• As the sole front-end developer, I worked closely with a back-end developer and designer to implement the landing site, account creation, profile management, job search and job application features.

• Served as the lead engineer for the development of Metail's virtual fitting rooms, overseeing the front-end and all related middle-tier REST APIs and components. This role was distinct from my previous position at Metail, focusing exclusively on software development as the company separated technical and management specialties.

• Developed the primary product, a customizable and localizable JavaScript plugin designed for clothing retailers' desktop and mobile websites. The plugin enabled users to generate a virtual representation of their body shape, try on clothes, and receive sizing recommendations.

• Successfully deployed the plugin to retailers across four continents, implementing it on sites with a substantial daily user base numbering in the hundreds of thousands.

• Collaborated closely with project managers and designers, contributing to the technical feasibility assessment of mockups and designs. Provided time estimates and broke down high-level requirements into manageable tasks.

• Actively engaged in the development process and took on a mentoring role for both junior and senior engineers, fostering professional growth within the team.

• Ontwikkelde alle aspecten van een responsief platform bedoeld om wereldwijde grassroots sportclubs te ondersteunen, waardoor de creatie van aangepaste websites voor clubs mogelijk werd om efficiënt te beheren, informeren en interactie te hebben met hun leden.

Played a key role in building, line managing, and leading the technical team dedicated to developing Metail's fitting room UIs.

• Contributed to the development of the primary product, which was akin to the later customizable, localizable plugin for retailer's sites. This version, however, was iframe-based and specifically targeted desktop sites.

• Extended the capabilities by developing standalone fitting room sites, including collaborations like the one with ITV's This Morning. The solution was utilized periodically on live television, demonstrating its adaptability and reliability.

• Joined the startup as the inaugural developer, being the first one hired by the CTO.

• Tasked with a dual role of leading front-end development and contributing to the construction of the Java-based middle-tier for the company.

• Developed Open Source software to aid capture, processing and sharing of data within and between institutions.