j.shuttleworth
> introduction_
Hi there! My name is Jonny Shuttleworth, and I'm a web developer specialising in React-based frontend development and UI libraries.
I've been professionally writing code since 2015 in a variety of languages (starting with Bash and PHP!) and have since specialised into Javascript-based development that focuses on mobile-first styling and reusable component systems.
> skills_

Code

  • HTML, CSS
  • Javascript, Typescript
  • CSS modules, SASS, Tailwind
  • React frameworks (Remix, Next.js)
  • Unit testing (React Testing Library, Vitest)
  • NPM, PNPM
  • Git, GitHub
  • Node.js
  • WCAG guidelines

Software

  • Visual Studio Code
  • Terminal
  • Figma
  • Adobe and Affinity suites

Services

  • Google Cloud
  • Netlify, Fly.io
  • Supabase

Other

  • Remote working
  • UX/UI collaboration
> examples_

Portfolio

This portfolio site is built using the Remix framework, with the icons coming from the Lucide set and additional components from Radix UI.
It makes use of SCSS modules for styling, CSS variables to allow the use of a light and dark theme, and a custom React hook to facilitate the theme switching menu at the top right of the website.

Kitacon

In 2023, I joined the Kitacon Events committee as their web developer to help create a new website for their upcoming events.
It also uses Remix for website navigation, Radix UI primitives, and connects to a Supabase instance for database queries and content delivery. As the website will be used at the event by both committee members and attendees, the site was created with mobile-first styling throughout to accommodate this and remove as little friction on mobile devices as possible.

EMIS Health

As part of a dedicated UI team, I helped to create and maintain a custom component library for the new version of the UK's leading clinical system.
EMIS UI is an internal React-based library, featuring a custom-built documentation site using Next.js. We work very closely with UX designers, meaning that user experience is always at the forefront of the library; this includes adherence to WCAG guidelines at AA standard to ensure the platform remains accessible for all users.
> contact_
I live in Doncaster, South Yorkshire, and work best in a remote-based position with flexible hours to accommodate my mental health.
Currently looking for roles with a focus on frontend (React-based) development, with opportunities to get involved with UX discussions and designs alongside conversations about accessibility and best practise.