Sam Louis Walker-Penn, Developer in Bristol, United Kingdom
Sam is available for hire
Hire Sam

Sam Louis Walker-Penn

Verified Expert  in Engineering

Front-end Developer

Bristol, United Kingdom

Toptal member since March 4, 2025

Bio

Sam is a skilled front-end developer with five years of experience specializing in Vue, TypeScript, HTML, CSS, JavaScript, and JavaScript frameworks. He has built SaaS applications and CMS solutions for clients like the NHS, QA, Oaklands, and Fire Service College. He also writes unit tests to ensure software reliability and quality. Most notably, Sam developed a design studio with an intuitive and powerful user interface, enabling the client to create complex animations and presentations.

Portfolio

Thinkology
HTML, CSS, JavaScript, TypeScript, Vue, Rust, C#, Umbraco, jQuery, GSAP, Vuex...
It Career Switch
HTML, CSS, JavaScript, Test-driven Development (TDD), SQL, React, Node.js...

Experience

  • Front-end - 5 years
  • jQuery - 5 years
  • Git - 5 years
  • JavaScript - 5 years
  • CSS - 5 years
  • Vue - 4 years
  • Node.js - 4 years
  • TypeScript - 3 years

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), HTML, CSS, JavaScript, TypeScript, Vue, jQuery, Pinia, Zod, Git

The most amazing...

...application I've developed is a design studio for creating complex animations and presentations with an intuitive and powerful user interface.

Work Experience

Front-end Developer

2021 - 2025
Thinkology
  • Developed and maintained SaaS web and desktop applications using HTML, CSS, TypeScript, Vue, and Rust.
  • Created custom CMS solutions using Umbraco, C#, Razor, HTML, CSS, JavaScript, and jQuery.
  • Ensured data integrity and robustness through schema validation using Zod.
  • Implemented state management solutions with Pinia and Vuex.
  • Enhanced software reliability and quality by writing unit tests with Vitest and Jest.
Technologies: HTML, CSS, JavaScript, TypeScript, Vue, Rust, C#, Umbraco, jQuery, GSAP, Vuex, Pinia, Zod, Tauri, SQL, MySQL, SQLite, PHP, Slack, Visual Studio Code (VS Code), Test-driven Development (TDD), Unit Testing, Git, Regex, Web Development, Software as a Service (SaaS), Web Applications, Desktop App Development, Custom Solutions, Razor, Jest, Vitest, Front-end, Tailwind CSS, Full-stack, Node.js, API Integration, Laravel, Figma, Front-end Development, APIs, Back-end Development, SaaS, ECMAScript (ES6), NPM

Full-stack Developer Trainee

2020 - 2021
It Career Switch
  • Developed a map-based web app providing country information with a mobile-first approach, delivered using HTML, CSS, JavaScript, and jQuery.
  • Integrated PHP server components to source data from APIs such as GeoNames and OpenWeather, meeting specifications, usability, and functionality.
  • Built a mobile-first application to maintain a company personnel database using MySQL.
  • Prepared a detailed user requirements document that was independently validated for system accuracy and functionality.
Technologies: HTML, CSS, JavaScript, Test-driven Development (TDD), SQL, React, Node.js, SQLite, Unit Testing, Git, Express.js, jQuery, Regex, Python, PHP, Java, C#, Visual Studio Code (VS Code), TypeScript, MySQL, Web Development, Front-end, Full-stack, API Integration, Front-end Development, APIs, Back-end Development, ECMAScript (ES6), NPM

Experience

Oaklands

https://www.oaklands.ac.uk/
An Umbraco content management system. As the front-end engineer on the project, I created responsive and interactive HTML, CSS, and JavaScript components. These components were then integrated into Umbraco Razor templates, giving the client a great degree of flexibility in presenting their content.

Fire Service College

https://www.fireservicecollege.ac.uk/
An Umbraco content management system built for Fire Service College. As the front-end engineer on the project, I created responsive and interactive components, which were then integrated into Umbraco Razor templates. A highlight of this project is the homepage banner, which was built using the GSAP animation library and features an on-scroll presentation.

Royal Berkshire NHS Foundation Trust

https://www.royalberkshire.nhs.uk/
An Umbraco content management system built for Royal Berkshire NHS Foundation Trust. As the front-end engineer on the project, I built responsive and interactive components with a strong focus on accessibility. These components were then converted into Umbraco Razor templates, providing great flexibility in how the client could present content.

Simon Powell

https://www.simonpowell.net/
An Umbraco content management system. As the front-end engineer on the project, I created the site's HTML, CSS, JavaScript, and jQuery code. I also integrated the front-end code into Umbraco Razor templates and used them in the CMS. This project had a fair amount of scope for creativity, and I worked closely with the designer to ensure the final product fully expressed the client's talents as a photographer.

Widgets

https://github.com/Marqasa/widgets
A Vue 3 application designed to dynamically display and manage a customizable list of widgets fetched from a remote API. As the front-end developer, I implemented a user-friendly interface that allows users to personalize widget attributes such as links, colors, and activation states. Leveraging Pinia for state management ensured a seamless experience while Zod provided type-safe schema validation, enhancing the integrity of the data fetched from the API.

Overwatch Crossover Patch

https://github.com/Marqasa/overwatch-crossover-patch
A custom patch for enabling Overwatch 2 gameplay on Apple Silicon Macs using CrossOver. As the developer behind this project, I leveraged the latest versions of MoltenVK and DXVK to ensure seamless integration and performance compatibility. This comprehensive solution guides users through the installation process, detailing step-by-step instructions to install CrossOver and Overwatch, as well as how to apply the patch effectively.

I also addressed potential user concerns by providing troubleshooting tips, known issues, and enhancements to improve the gaming experience, such as mouse acceleration adjustments and settings modifications. The patch was designed with usability in mind, incorporating formatted commands and clear system requirements to help users navigate the installation smoothly. Additionally, I created supplementary tools for users on older macOS versions to mitigate compatibility challenges.

Overall, this project demonstrates my ability to develop practical solutions that enhance user experience, particularly in complex gaming environments on Mac systems.

AI Bookmark Manager

https://github.com/Marqasa/bookmarks
The AI-powered Bookmark Manager is an application designed to help organize and retrieve web bookmarks using AI technology. The main focus was on developing features that can be accessed through natural language queries, leveraging OpenAI's language models, and ensuring seamless integration with ChromaDB for efficient bookmark storage and retrieval.

The application showcases a robust set of features, like AI-generated summaries, which automatically create succinct descriptions of bookmarked sites, and smart categorization, which organizes bookmarks into logical categories. It employs a vector search mechanism to interpret and act upon natural language queries intuitively, making it easier for users to find their bookmarks without remembering exact keywords or URLs.

AI Bookmark Manager Chrome Extension

https://github.com/Marqasa/bookmarks-extension
A Chrome extension that uses AI to automatically categorize and organize browser bookmarks. I developed both the front-end React/TypeScript interface and the back-end Node.js API. I integrated OpenAI's GPT models to analyze webpage content and metadata for intelligent categorization. I implemented Chrome Extension APIs for bookmark management and created a web scraping system with Cheerio to extract metadata, enhancing AI categorization accuracy. The extension features automated folder organization, customizable sorting options, and a responsive design with dark mode support.

Certifications

DECEMBER 2024 - DECEMBER 2026

Umbraco Certified Professional

Umbraco

JANUARY 2021 - PRESENT

MTA: Introduction to Programming Using HTML and CSS - Certified 2021

Microsoft

Skills

Libraries/APIs

Vue, jQuery, GSAP, Zod, Node.js, Vuex, React, Beautiful Soup, Gradio, OpenAI API

Tools

Slack, Git, NPM, Figma

Languages

HTML, CSS, JavaScript, TypeScript, ECMAScript (ES6), Rust, C#, SQL, Regex, Python, PHP, Java

Platforms

Visual Studio Code (VS Code), Umbraco

Paradigms

Unit Testing, Test-driven Development (TDD), Desktop App Development

Storage

SQLite, MySQL

Frameworks

Tauri, Razor, Express.js, Jest, Tailwind CSS, Laravel

Other

Web Development, Front-end, Front-end Development, Pinia, Web Applications, Axios, Vite, SaaS, Software as a Service (SaaS), Custom Solutions, Vitest, Full-stack, API Integration, APIs, Back-end Development, OpenAI, Large Language Models (LLMs), ChromaDB, Artificial Intelligence (AI), AI Chatbots, Chrome Extensions

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring