With a foundation in animation and design, I build full-stack web apps that are clear, fast, and often a bit entertaining.
These days I split my time between creating web apps and experimenting with AI models.
On the front end: React, Vue, TypeScript, and occasional WebGL/canvas when visuals matter.
On the back end: ASP.NET Core, Node.js and Python while using REST/GraphQL APIs and SQL databases.
In AI: LLM-powered features, retrieval/embeddings, prompt tooling, and evaluation to keep things reliable.
I have also had a career as an animator and illustrator. Animation Illustration
Below are samples of my work with notes on the tech used.
RollCall - AI Media Identifier
An CLI tool that assist with renaming media files, specifically TV and Movies, by using OCR on the credits found in the media and uses AI to determine the title.
Built with:
- Python
- Typer
- ffmpeg
- Google Gemini API
Built with:
- Python
- Typer
- ffmpeg
- Google Gemini API
The Product - Mock Product Site
A sample product page using an interactive 3D model
This app uses a webGL 3D engine to display and handle interaction with the product model. Besides that, this project is light on JavaScript and uses CSS keyframes and the Intersection Observer API to power much of the animation. CSS grid is also heavily used to handle the responsive layout.
Built with:
- HTML5/CSS/JavaScript
- Blender (3D modeling software)
- BabylonJS (webGL framework)
This app uses a webGL 3D engine to display and handle interaction with the product model. Besides that, this project is light on JavaScript and uses CSS keyframes and the Intersection Observer API to power much of the animation. CSS grid is also heavily used to handle the responsive layout.
Built with:
- HTML5/CSS/JavaScript
- Blender (3D modeling software)
- BabylonJS (webGL framework)
Critical Targets - Interactive 3D
A fully interactive educational 3D site that explores Jupiter and it's largest moons.
This app operates more like a game than a traditional web app. The HTML DOM and CSS is used for the UI, and all functionality is powered by the 3D engine. All info is from NASA. Best experienced on desktop
Built with:
- HTML5/CSS/JavaScript
- BabylonJS
This app operates more like a game than a traditional web app. The HTML DOM and CSS is used for the UI, and all functionality is powered by the 3D engine. All info is from NASA. Best experienced on desktop
Built with:
- HTML5/CSS/JavaScript
- BabylonJS
JBM Legal Homepage - UI/UX Mockup
A home page mockup for a law firm.
Built with:
- Figma
Built with:
- Figma
Ready. Set. Home! - Fire TV Web App
An HTML5 video app designed for the Amazon Fire TV platform.
The videos provide medical tutorials and information for family caregivers to children. It was built with a boilerplate template built by Amazon engineers.
Note: All the video content has been replaced with a trailer for the program
Client: The Children's Home & Lemieux Family Center / Anthem Video
Built with:
- HTML5/CSS/JavaScript
- jQuery
- PHP
The videos provide medical tutorials and information for family caregivers to children. It was built with a boilerplate template built by Amazon engineers.
Note: All the video content has been replaced with a trailer for the program
Client: The Children's Home & Lemieux Family Center / Anthem Video
Built with:
- HTML5/CSS/JavaScript
- jQuery
- PHP
cai-sinead - Portfolio Site
A artistic portfolio once again using interactive 3D in the browser.
Another site powered by a webGL 3D engine, but this time, a different one from BabylonJS.
Built with:
- HTML5/CSS/JavaScript
- Cinema4D
- three.js
Another site powered by a webGL 3D engine, but this time, a different one from BabylonJS.
Built with:
- HTML5/CSS/JavaScript
- Cinema4D
- three.js