Kerry Clements

Kerry Clements

Front end developer bridging design and code

I started as a front end developer and recently found a passion for design and UX. I bring UX thinking to front end development.

Screenshot of the Periodic Table app mode select screen, showing Flashcard and Quiz options

Periodic Table

A learning app for chemistry students with flashcard and quiz modes, built with React and TypeScript.

ReactTypeScriptFigmaWCAG AAPWAVitest
View case study →
Full page screenshot of kerryclements.com portfolio site showing hero, work card, skills and footer

kerryclements.com

Personal site. Designed in Figma with a token-based design system, built in React and TypeScript.

ReactTypeScriptFigmaWCAG 2.2 AA
View case study →
Screenshot of the Jobs Done app showing logged tasks with timestamps and sharing options

Jobs Done

A task logger for busy parents, built in vanilla HTML, CSS, and JavaScript. In real use from day one.

HTMLCSSJavaScriptFigmaWCAG 2.2 AA
View case study →
Screenshot of the Shopping List app showing items with checkboxes, reorder buttons, and delete buttons

Shopping List

A shopping list app rebuilt from a recruitment coding challenge, with persistence, reordering, and tests, built with React and TypeScript.

ReactTypeScriptVitest
View case study →
Screenshot of the Berakhot app showing a blessing dropdown, four reveal toggles, and the Hebrew text display

Berakhot App

A Hebrew blessing lookup tool. Pick a blessing and reveal as much or as little as you need: Hebrew with or without nikkud, transliteration, translation, and a recorded pronunciation video.

ReactJavaScriptTailwind
View case study →
Screenshot of the Crypto Tracker app showing coin details page with chart

Crypto Tracker

A live crypto market dashboard. Browse the top 50 coins by market cap in a sortable, filterable data grid, then click any coin for a detailed view with key stats and a 7-day price history chart.

ReactTypeScriptKendo UI
View case study →
Tic Tac Toe game board showing X and O in a three by three grid

Tic Tac Toe

An early project, refactored. Vanilla JS Tic Tac Toe rebuilt around a proper game state model, fixing a win detection bug and improving the code structure in the process.

HTMLJavaScriptCSSWCAG 2.2 AA
View case study →
Screenshot of the time tracking dashboard showing six activity cards and a user profile card with Daily, Weekly and Monthly timeframe controls

Time Tracking Dashboard

A Frontend Mentor challenge started in 2022 and left unfinished. Returned to it in 2026 to complete the timeframe switching, migrate from Create React App to Vite, and add TypeScript throughout.

ReactTypeScriptViteTailwind CSSWCAG 2.2 AA
View case study →
Measure for Measure BMI calculator showing height and weight input cards with a BMI result

Measure for Measure

A BMI calculator built with Material UI v6. Supports multiple height and weight units with live conversion, input validation, and a show/dismiss category pattern.

ReactTypeScriptMaterial UIVitestWCAG 2.2 AA
View case study →

Front end

  • React
  • TypeScript
  • JavaScript
  • Tailwind
  • HTML · CSS
  • Kendo UI
  • REST APIs

Design

  • Figma
  • WCAG 2.2
  • UX thinking

Tools

  • Vite
  • Vitest
  • Jest
  • Git
  • Netlify
  • PWA