Work
The following is a non-exhaustive list of the things I've worked on over the years. Not all work is listed here, due to NDAs and other agreements.
rehype-fn-citation-spacer
A rehype plugin that makes some space between adjacent in-text footnote citations/references.
Butterfly Signal
A browser extension to help you discover websites on Bluesky/AtProto.
Bot Clicker
A toy-game that briefly lived on the landing page, where you clicked on robots.
Simplex Noise Shader #001
A GLSL shader created using simplex noise, and many distance functions. It's featured as the moving artwork on the landing page. The shader itself is rendered onto a simple plane using Three.js (React Three Fiber).
laniakita.com
My personal website, blog, and portfolio. It's also the test bed I use to cut my teeth on ermerging tools and technologies in the Javascript ecosystem.
High Esoterica
I created this application first as a SvelteKit based eCommerce (Shopify Storefront) app, then later as a content focused Next.js application (sans the Shopify Storefront integration), realigning with the Client's evolving vision to focus on content. This realignment allowed me to take advantage of Next's suite of Image optimization APIs, metadata tools, and more, along with Tailwind CSS, to deliver a lightning fast, responsive, and aesthetically pleasing, web application.
Furthermore, in aligning with the Client's goals for cost efficiency, I deployed this Next.js application to a serverless architecure built on AWS, defined as IaC with SST+Pulumi, and using the sst cli to deploy both the backend resources and the application itself to AWS. Even further, I setup a CI/CD pipeline with a GitHub Action runner, for seamless re-deployments.
To create "The Star" branding, I used Figma to create a vector based image I could export as a Scalable Vector Graphic (SVG).
Maitais At Sunset
I created a Gatsby JS Frontend, for a Strapi CMS backend, hosted on Heroku, with an attached Postgres database. A Google Cloud Storage Bucket is used for asset hosting. Tailwind CSS was used to create a responsive design, and Gatsby's image optimization APIs were used for blurry image srcsets and lazy loading. Finally, the frontend is deployed via Cloudflare Pages.
To create the Maitais at Sunset branding (favicon, and podcast cover artwork), I used Adobe Illustrator. To create the chromatic aberration on the Maitais drink, I used Adobe After effects to create a composition I could then export as a compressed MP4. It's integrated into the frontend with the HTML5 video API.