Stephen Harrison's Web Portfolio

I make things. I break things. Here's what's currently not completely broken.

Connect with me on LinkedIn if you'd like me to make something similar for you.

Featured Projects

All Projects

The Lucid Lens

The Lucid Lens

My photography portfolio.


Photography
Astro
Bye Donald

Bye Donald

A searchable news aggregator for Donald Trump's second term


Tongue-in-cheek Satire News Aggregator
Chakra UI TypeScript React
Brand Boffin

Brand Boffin

An interactive brand strategy and design application. It uses an AI assistant to ideate brand names and domains to go with them. Domain name availability is queried in real time.


Brand Strategy Design AI Integration
React TypeScript Chakra UI AWS Anthropic Claude
Visa Cheat Sheet

Visa Cheat Sheet

Simplifying visa application processes with clear, concise guides. This site is 100% data-driven using metadata from State Department websites across the world. The user starts a decision tree journey to find the right visa for them.


Visa Travel
React TypeScript Chakra UI
Retire Guru

Retire Guru

Expert advice and tools for retirement planning. You can set parameters for your savings and financial goals and the site will calculate the best retirement plan for you. You can adjust economic conditions and see how they affect your long-term retirement goal.


Retirement Planning Data Visualization
React TypeScript Chakra UI
Weather Wombat

Weather Wombat

A weather app that displays historical climate data and trends since records began. No, seriously, we have weather from 1750. We retrieve and process NOAA weather data using Apache Spark Scala. You can view the weather from thousands of world cities, from Aalborg, Denmark to Zwedru, Liberia.


Weather Data Visualization
React TypeScript Chakra UI Three.js Apache Spark Scala NOAA Weather Data
Timezone Guru

Timezone Guru

A comprehensive tool for managing the best times to connect with people across timezones. You select cities and timezone where people live and find the best overlap for a meeting. You can adjust the sleep/work/free hours of the day so the overlapping time prioritize work or free time accordingly.


Timezone Meeting planning
TypeScript Astro
Chakra Themes

Chakra Themes

Beautiful and accessible themes built with Chakra UI. Designing cohesive color themes for the Chakra UI framework can be finicky. This application helps designers find the best color combinations. Accessible and harmonious color combinations are now easy. You can use the AI assistant to generate suggestions.


Branding Design AI integration
React TypeScript Chakra UI AWS AI Integration
Baremetal Help

Baremetal Help

Resources and guides for bringing up enterprise cloud infrastructure from the ground up. Common patterns of enterprise cloud infrastructure—like CDNs, Single Sign-On, and more—are now easy to implement and customize using battle-tested templates.


Enterprise Cloud Infrastructure Guides
Docusaurus AWS CDK
Lingo Lotus

Lingo Lotus

An interactive platform for learning new languages. There are a number of flashcard decks, which you can study using either your native language or the language you're learning.


Language Learning Interactive Education
React TypeScript Chakra UI
Trump Wisdom

Trump Wisdom

An example that shows how to create a GatsbyJS website even when you have to generate 30,000+ pages from CSV data.


Content Aggregation Political Commentary
GatsbyJS React TypeScript Chakra UI
Nogbad The Bad

Nogbad The Bad

A fan site dedicated to the classic Noggin the Nog's wicked uncle.


Fan Site Noggin the Nog Nogbad The Bad
GatsbyJS React TypeScript Chakra UI
Make America Great Britain Again

Make America Great Britain Again

Pure tongue-in-cheek satire.


Poking fun
GatsbyJS React TypeScript Chakra UI
Handy Computer Bloke

Handy Computer Bloke

This website, my web portfolio.


Portfolio
Astro TypeScript Tailwind CSS