Initializing...
About
Welcome to my site. I'm Bryan, and I'm a programmer. I work with web technologies like React, Node, and TypeScript/JS/CSS/HTML to create software that helps people and brings them joy. I've also dug deep into C/C++ and wrangled databases. I'm fascinated by the possibilities of WebGL, and I'm eager to explore what comes next.
I'm a graduate and lifelong learner of physics, which has helped me develop the skills I've needed to optimize software systems. And I've found that drawing inspiration from the physical world can lead to better experiences in the digital domain as well.
As a hobbyist artist, I believe that art and design are not just incidental, but are essential to great user experiences. An excellent interface ought to be both beautiful and practical, empowering people to create their best work.
I also have a background in education. My experience working with students of all levels has given me an appreciation for the art of communication. The better a team understands each other, the more it can accomplish.
Thanks for taking the time to visit. I hope you enjoy your look around.
Portfolio
DaySift.net
Full-stack calendar service with a single-page app frontend. Users can instantly update their schedules through a fluid drag-and-drop interface.
Features
- Instant interactions via optimistic updates to a mutation buffer. Updates are fault-tolerant and will automatically resolve concurrency conflicts.
- A local cache serves queries from subsets or composite supersets of previous views. Staleness is tracked per-view, minimizing network traffic.
- Correctness and security of backend API surface maintained via automated testing and CI hooks.
- Responsive interface makes it easy for users to reschedule their calendars whether on desktop or mobile.
Built with: React, React Router, TanStack Query, PostgreSQL, and Material UI.
'/%3e%3cpath%20d='M22.7653%201.23474L10.2611%2013.7389'%20stroke='rgb(251,%20156,%20232)'%20stroke-width='2.24309'/%3e%3cpath%20d='M10.2611%203.47784H3.36463C1.5064%203.47784%200%204.98424%200%206.84248V20.6354C0%2022.4936%201.5064%2024%203.36463%2024H17.1575C19.0158%2024%2020.5222%2022.4936%2020.5222%2020.6354V13.7389H18.2791V20.6354C18.2791%2021.2548%2017.7769%2021.7569%2017.1575%2021.7569H3.36463C2.74522%2021.7569%202.24309%2021.2548%202.24309%2020.6354V6.84248C2.24309%206.22307%202.74522%205.72093%203.36463%205.72093H10.2611V3.47784Z'%20fill='rgb(251,%20156,%20232)'/%3e%3c/svg%3e)
Lights Out Solver
Optimal-solution finder for classic Lights Out puzzles. Users can input existing puzzles to obtain solutions, or generate new random puzzles to try.
Features
- Finds fast (polynomial-time) solutions via Gauss-Jordan reduction over the prime field ℤ₂.
- Unlike other solvers, finds optimal solutions by permuting free variables in the state transition matrix.
- Achieves seamless user interaction by delegating calculations to a separate worker thread.
Built with: React, TypeScript, Tailwind CSS.
Archivia
A mock library catalog, implemented as a full-stack web service. Users can search a catalog of recorded books, update inventory, or import metadata from real-world databases.
Features
- Integration with the OpenLibrary API enables automated retrieval and population of database records.
- Renders a three-dimensional carousel of recently added books. Records unlikely to yield quality results are excluded.
- AI integration allows users to automatically generate summaries of catalog materials.
-
Available in two versions:
- An Express-based traditional server
- A serverless version optimized for edge rendering.
Built with: Hono, Express, Node.js, Handlebars, Bootstrap, PostgreSQL.
CrystalClearCopy.net
Portfolio website showcasing the skills and achievements of a technical writer/marketer. Key points are emphasized through CSS effects and lightly scripted animations.
Features
- Original and flexible design elements are used to reflect the client's creative focus, without compromising legibility.
- Smooth parallax animations implemented via style transformations.
- Responsive design comfortably accomodates a wide range of browser platforms.
Built with: Vanilla JS, HTML, and CSS.
... and this site.
Visualization of a polychoron projected from fourth-dimensional space down to a two-dimensional viewport. Users can tap and drag the canvas to view the tesseract from different 4D perspectives.
Features
- Specular, diffuse, and atmospheric lighting are calculated for fourth-dimensional light sources.
- Performant GLSL pixel and vertex shaders enable smooth animation even on low-spec GPUs.
- Optional settings allow users to switch touch interactions between ordinary and hyperdimensional rotation.
- Quaternion algebra is used to perform smooth spherical linear interpolation between different fourth-dimensional orientations.
- It's pretty.
Built with: No external libraries. Vanilla JS, WebGL, and GLSL.
Contact
Thanks for reaching out! You can contact me by e-mail at: