My Thoughts on Software Design and Development

Brain dumps on software and product design, production engineering, and my personal projects.

Three Prompts: CSV Viewer

Building a feature-rich CSV data viewer with React and PapaParse using just three prompts

Three Prompts: Zod Type Builder

Building an interactive Zod schema builder with React that helps developers create and visualize complex validation schemas with ease.

Three Prompts: Speech To Slides

Create presentations with your voice using this React app that converts speech to beautifully formatted Reveal.js slides

Three Prompts: Diff Tool

A browser-based text comparison tool that highlights differences between two pieces of text, similar to git diff.

Three Prompts: Voice Modulation

Create a voice modulation web app with pitch shifting, speed control, and timbre adjustment using React and Web Audio API

Three Prompts: Rubiks Cube

Building an interactive 3D Rubik's Cube with React, Three.js, and pointer controls in just three prompts

Three Prompts: Doom Test

Creating a first-person shooter game inspired by Doom using React, Three.js, and just three prompts

Three Prompts: Todo Test

A deep dive into creating a full-featured todo application with project management and file attachments using React 19, Vite, and IndexedDB for client-side storage.

Three Prompts: 3D First Test

Creating an interactive 3D shape viewer with Three.js and React that lets users manipulate different geometric shapes in the browser

Three Prompts: Demo Calculator

Building a precise, responsive React calculator with just three prompts - featuring decimal.js for accuracy and localStorage for history persistence.

Three Prompts: Etch A Sketch

Creating a responsive Etch-a-Sketch drawing app with React and Vite using just three prompts

Three Prompts: Minesweeper Demo

Creating a fully functional Minesweeper game with React and Vite using just three prompts.

Deploying patebryant.com

Deploying this site was a fairly straightforward process as it only took roughly 30 minutes. Most of the time was spent waiting for the DNS to propagate. Using Vercel made it super easy.

NextJS Sitemap Example

Adding next-sitemap to the site was a breeze. It's easy to setup, fast, and makes managing sitemap.xml effortless.

The new patebryant.com

Over the long weekend of May 27th to May 29th, I decided to rebuild patebryant.com. Previously it had not been much, just a simple netlify template that I had updated the design a little and put in my own new links.