Rodney Johnson

sveltekit-blog-mdx. SvelteKit MDX starter blog with MDsveX (Svelte in markdown)

sveltekit-components. Handy components for building sites in SvelteKit

sveltekit-seo. Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

astro-blog-markdown. Starter for a fast Astro blog using Markdown and a spot of Svelte

sveltekit-image-plugin. SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.

jolt-raylib-hello-world. Jolt Physics raylib ⚡️ trying Jolt C++ game development physics library with raylib in a 3D hello world 🎱 bouncing sphere example.

parsedown. WASM code for parsing Markdown into HTML with light output tweaking

sveltekit-graphql-fetch. SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.

astro. Code to accompany Astro articles.

svelte-social-icons. Beautiful, easy SVG social icons in Svelte

narcissus. API using PostgREST to query and update supabase database.

sveltekit-s3-multipart-upload. SvelteKit S3 Multipart Upload: how you can upload large files, such as video to your S3 compatible storage provider using presigned URLs.

sveltekit-graphql-github. Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.

cmessless. A markdown parser to output Astro markup

sveltekit-instagram-infinite-scroll. SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.

sveltekit-shiki-code-highlighting. SvelteKit Shiki syntax highlighting: use any VSCode colour theme to accessibly syntax highlight code on your SvelteKit app with line numbers.

raylib-imgui. Using raylib with Dear ImGui: how you can use Dear ImGui to create an immediate mode 🐜 debugging interface for your CMake raylib game 🎮

open-source-favicon-generation. Open source favicon generation: create your favicon from scratch then optimise it for modern and legacy browsers using free apps in 2022.

raylib-flecs-imgui-introspection. Using Jolt with Flecs & Dear ImGui 👀 to add game physics introspection to a raylib game, with pause and stepping for dev tools debugging 🐜.

sveltekit-simple-image-gallery. Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.

svelte-ecommerce-site-start. SvelteKit eCommerce site: how to build a fast, SEO friendly, static eCommerce site using Svelte, Snipcart and Directus.

macroquad-rapier-bevy-ecs. Macroquad Rapier ECS 🦀 Rust game dev — using bevy's 🧩 Entity Component System in a Macroquad game with Rapier physics.

svelte-chartjs. Svelte Charts: how quickly and easily you can add customised charts to your SvelteKit, Astro or other Svelte apps with Chart.js.

blocklists. A simple repo for analysis of online firewall block lists and combining them efficiently into a block list for use in a firewall

sveltekit-json-import. SvelteKit JSON import: how you can use data provided from business apps and ther sources directly in your Svelte site, thanks to Vite.

cistercian-clock. Trying egui 🖥️ building a Cistercian clock in 🦀 Rust with the egui immediate mode library inspired by Dear ImGui.

knights-to-see-you. Godot Rust 2D Platform game

hcaptcha-serverless-rust-worker. Demo code for creating an hCaptcha verify endpoint using Cloudflare Workers written in Rust

sveltekit-hcaptcha-form. SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.

arkanoid-clone. Arkanoid clone built in C++ with Raylib and flecs

sveltekit-content-security-policy. SvelteKit Content Security Policy: how you can add CSP to reduce your Svelte site's cross-site scripting (XSS) attack surface.

sveltekit-vanilla-extract. Using vanilla-extract with SvelteKit: how you can make zero-runtime stylesheets with the new TypeScript friendly preprocessor in Svelte.

fastify-mercurius-nexus-graphql-api. GraphQL API demo using Fastify, Mercurius and Nexus

sveltekit-faq-page-seo. SvelteKit FAQ Page SEO: how you can use ❤️ Svelte's SEO friendliness to create a FAQ page with JSON-LD SchemaOrg SEO meta loved by Google.

svelte-login-form. Svelte login form example 📝 signup and login forms for your Svelte app with password strength meter 🔐 and strong password auto generation.

narcissus-blog. Demo static Svelte site for narcissus backendless blog

sveltekit-session-cookies. SvelteKit session cookies: accessing user-specific data in your SvelteKit app use session and HttpOnly cookies for added security.

sveltekit-local-storage. Using Local Storage in SvelteKit: taking the example of setting a site theme, explore how to combine the Local Storage and Svelte Store APIs.

sveltekit-map-component. Handy components for building sites in SvelteKit

sveltekit-intersection-observer. Demo code to show how to use the Intersection Observer API in Sveltekit to help track page views

upstash-astro. Get Started with Astro and Redis Tutorial Starter Code

sveltekit-accessibility-testing. Demo code for adding axe accessibility testing to SvelteKit using Playwright and pa11y

sveltekit-session-storage. SvelteKit Session Storage: how you can improve UX by temporarily caching user form entries then repopulating fields on browser refreshes.

sveltekit-iconify. Demo showing how to add SVG icons from just about any library to your Svelte app using a single extra dependency

macroquad-egui. Macroquad egui DevTools: adding a visual 🐞 debugging user interface for developers to Rust Macroquad game using ⚡️ egui.

gatsby-starter-climate. Gatsby 3 MDX blog starter for an accessible, fast and secure blog site

rodneylab. Rodney Lab Git Hub profile

sveltekit-fido-u2f-login. SvelteKit FIDO U2F login: how you can add multi factor authentication (MFA) to the front end of your Svelte app for added login security.

decisive. front end for site admin

deno. Code to accompany Deno & Deno Fresh articles.

svelte-each. Using Svelte each blocks: how to loop on array-like objects in Svelte + simplify your code using const & style directives and destructuring.

sveltekit-form-example. SvelteKit form example 📝 code to get a contact form working with SvelteKit actions, and 10 tips to avoid common pitfalls 🍀

countdown-numbers. Trying Ratatui TUI 🧑🏽‍🍳 building a text-based UI number game in the Terminal 🖥️ in Rust with Ratatui immediate mode rendering.

sveltekit-fontaine. SvelteKit Fontaine ✍🏽 how to eliminate or reduce font swap cumulative layout shift working with custom, self-hosted fonts in ❤️ SvelteKit.

axum-graphql. Rust GraphQL demo/test API written in Rust, using Axum for routing, async-graphql and SQLx

markwrite. Markdown writing CLI tool

bevy-xpbd-tutorial. Video game physics engine using Bevy by following Johan Helsing tutorial

gatsby-cloud-functions-recaptcha. Example site showing how Gatsby Cloud Functions can be used with an accessible reCAPTCHA.

life-logistics. Top-down 2D puzzle game written in C++ with raylib

local-ai-llm-playground. Experiments running offline LLMs in Python and Rust locally using Ollama and llama.cpp