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. The update algorithm is fault-tolerant and will store updates indefinitely until the server can be reached. Concurrency conflicts are automatically resolved.
- A local cache serves queries from subsets or composite supersets of previous views. Staleness is tracked per-view, minimizing network traffic.
- User authentication managed via JWT. Correctness and security of backend API surface maintained via automated testing and CI hooks.
- Intuitive, fluid 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 most other solvers, finds optimal solutions by identifying and permuting free variables in the puzzle's 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 library databases.
Features
- Integration with the OpenLibrary API allows automated retrieval and population of database records. Non-relational record structures are parsed for a best-fit match to Archivia's catalog schema.
- Rendering of a three-dimensional carousel gallery of recently added books based on imported metadata. Records unlikely to yield quality results are excluded from the recency queue.
- Pages rendered via server-side templating for a nostalgic, vintage browsing experience.
Built with: 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: