Built with Next.js

This site isn't just a portfolio — it's a working example of my development philosophy: modular design, efficient performance, and measurable interactivity. Built in Next.js, styled with Tailwind, and powered by a shared component library that I reuse across multiple projects.

Monolithic Structure

Building a shared library with TurboRepo

This portfolio lives inside a Turborepo-based monolithic architecture. Each app — including my main site, dashboards, and other brand properties — shares the same UI, component, and type libraries, allowing me to push design updates, color themes, and UX improvements across all platforms from a single source.

TURBOREPO with multiple repo folders

Contact API

My contact form is connected to an Express API, deployed on Render and leveraging Mongo Atlas for validating submissions and integrating with Asana.

Form Submission

The form submission structure is validated on the front end against a schema before it is encrypted & trafficked over SSL with IP & Domain restrictions using CORS

Validation

Form data is validated for formatting & compares against a domain & email blacklist collection within Mongo Atlas, before continuing its journey on to Asana.

Asana Task

Data is stored securely in Asana, and a new task is created using their API which creates an entry that notifies me on form submissions and automatically sets next actions.

Filtering with Search Parameters

I've implemented client-side filtering on this site using useSearchParams() from Next.js. The filter state persists in the URL, making it shareable and SEO-friendly — no Redux or extra global state needed. Wrapping the hook in a Suspense boundary ensures seamless async updates without hydration errors.

I easily send traffic directly to relevant experience on this site by utilizing URLs across social channels.

Loading Video...

Unlocking Shared Benefits

By leveraging a shared component library, all of my web properties benefit from balanced design consistency and performance through shared Tailwind tokens, PostCSS plugins, and pre-optimized components. The result: a unified system that powers all my projects — from client dashboards to landing pages — while maintaining performance.

I'm Availabe For Hire.

I regularly show businesses how to enhance their digital footprint through providing them with training, web solutions, tool integrations, and better dashboards. Utilizing my decade of experience managing largely technical projects, I implement digital strategies that help my clients win.