With my background in animation/design and skills in fullstack web development, I build web applications that are clear, functional, and entertaining.
I use Figma and Adobe XD to mockup and prototype.
I primarily use HTML5/CSS/JavaScript, Python, SQL, and webGL to build apps.
I am also familiar with React, TypeScript, Node, REST APIs, git, and app deployment.
Below are samples of my work with information on the technology used.
I use Figma and Adobe XD to mockup and prototype.
I primarily use HTML5/CSS/JavaScript, Python, SQL, and webGL to build apps.
I am also familiar with React, TypeScript, Node, REST APIs, git, and app deployment.
Below are samples of my work with information on the technology used.
Paper Trading App - Fullstack Web App
A simple paper trading app that demonstrates the principles of full stack development.
Create an account (do not use any self-identifying or sensitive information) and trade stocks with fake money. I use the IEX Cloud API for all the financial data.
The app is deployed on Heroku, and will take a moment to "wake up" upon initilization.
Built with:
- Flask (python)
- Gunicorn (python)
- HTML5/CSS/JavaScript
- PostgreSQL
- Heroku
Create an account (do not use any self-identifying or sensitive information) and trade stocks with fake money. I use the IEX Cloud API for all the financial data.
The app is deployed on Heroku, and will take a moment to "wake up" upon initilization.
Built with:
- Flask (python)
- Gunicorn (python)
- HTML5/CSS/JavaScript
- PostgreSQL
- Heroku
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