Hi, I'm Mike.
Maybe we can work together.

Learn more

About

Profile Image

After many years of experience and front-end web development courses, I created this personal web page for fun and to showcase some of my projects.

When I'm not at the keyboard I'm probably trying to achieve my annual running goal. Last year it was to run a marathon, this year it's to finish a half-marathon in under two hours. I also like to play chess for months at a time, watch a lot of movies, and not obsess over my fantasy English premier league team. 🤓

Projects

Superhero Street Fight!

A single page React app with parallax scrolling where you choose two superhero characters to fight. The character data is pulled from an api, which is accessed when the FIGHT button is clicked. The code first determines if an attack hits the opponent. If it does, then based on the attacking stats and the defensive stats of the opponent, a damage number is calculated, normalized, and then subtracted from the opponent's health.

See Live Source Code

I, For One, Welcome Our New AI Overlords

Via the OpenAI api I brought together ChatGPT and the Dall-E text-to-image generator. Built in React, I took on the challenge of reading through the documentation for the Chatscope UI kit and integrating it with ChatGPT.

See Live Source Code

Acme Rocket

A sample commerce site with a functional Contact form. The styling was with Tailwind and I also added a light or dark theme switch on the header. The menu animation on smaller screen sizes is a highlight as well. I didn't integrate Stripe payment processing here but have in another project on Github.

See Live Source Code

Contact