One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

Useful for presenting snippets and simple widgets.

A contacts demo built from the React Router tutorial - link in the README.md

A simple Scrimba React project, practising passing props from a parent to a child component.

Vite routing setup with easy publish to Git Pages. Includes a custom 404 page, and dynamic sub-routes.

Form built with React. Extension of Scrimba React Forms tutorials.

Built from Scrimba's 'Build a meme generator' tutorials. Dynamically add text to the top and bottom of the image. Click the button to generate a new image.

App template with layout component. Includes simple theme-switcher

Tenzies dice game, built with React

Demo site using React Router Dom V6

Demo site using React Router Dom V6

Custom Penguin Classics book covers

Create, edit, preview, save, and delete Markdown notes.

Combine and minify all JavaScript modules and CSS, allowing the app to be run entirely from the local file system.

Bad UX date-picker

HTML form with custom validation error messages and no-JavaScript fallback

A journal web app that saves entries and images locally in the browser using IndexedDB. Supports adding, editing, deleting, lazy-loaded images, and exporting entries as JSON. (This is an improved u…

A collection of quotes from philosophers, artists, and writers. You can filter the list by author or tag to view related quotes.

A fully accessible, modular JavaScript posts pagination component with screen reader support, dynamic content loading, and URL syncing for seamless navigation.

A fully accessible, modular JavaScript pagination component with screen reader support, dynamic content loading, and URL syncing for seamless navigation.

A checkbox-driven meal item manager that enforces selection limits for precise user input control.

A modular, lightweight and accessible pagination system for displaying content from various (and varied) JSON data sources. Supports multiple pages with a customisable number of items per page and …

Responsive, accessible tabs with full keyboard support and ARIA semantics.

Admin interface for setting daily pool schedules, simulating an intranet page for internal use and a page to view results. Supports schedule creation, editing, and storage.

GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.

A lightweight app for displaying a collection of quotations from a JSON file using an HTML template. Short quotes use <q>, longer ones use <blockquote>, and entries can be filtered by author or tag.

Dropdown menu using the HTML details element and anchor positioning.

A collection of loosely-grouped code fragments.

Add a time in hours/minutes/seconds and launch a countdown timer.