A page built from the Abstract Project design at Frontend Practice using Webpack 5

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

Demo site using React Router Dom V6

A collection of loosely-grouped code fragments.

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

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

Demo site using React Router Dom V6

Custom Penguin Classics book covers

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

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…

Filter Git Pages by category

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

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

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

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

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

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.

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

Bad UX date-picker

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 pagination component with screen reader support, dynamic content loading, and URL syncing for seamless navigation.

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

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 …

Dropdown menu using the HTML details element and anchor positioning.

Accessible accordions, multiple, single and nested, built with the 'details' element. The CSS enhances the accordions with a smooth height transition only when it's safe and supported. It uses mode…