Poorly Drawn Pokemon

A full stack image hosting platform

Poorly Drawn Pokemon
Description: This was built in NextJS, a server side rendering framework that uses React under the hood. It allows admins to upload files, and also features search functionality, and a dark mode switcher. It is written in TypeScript. I used a Postgres SQL database to store user and image data, and Cloudinary to host image file uploads, as well as Strapi, a headless CMS for easy admin for my client. It is also fully mobile-ready. This project is deployed via Railway.
Technologies Used:
NextJS
React
DevOps
TypeScript
Postgres
Strapi CMS
Material UI
Railway

Wide Angle Podium

A podcast network platform

Wide Angle Podium
Description: This fully deployed and revenue-generating site is built for a podcast network, built to process recurring donations, and fetch data from multiple podcast RSS feeds. It is written in Typescript and built with Angular and NestJS to provide a scalable base for future growth. It is integrated with Stripe and Recurly to process recurring monthly payments. There are complex form submissions to track donor activity and payments, and secure pages for authorized users only.
Technologies Used:
Angular
Nest JS
Railway
DevOps
Payment processing
Stripe
Recurly
RSS
Responsive design

Spencer Haugh Dot Dev

A showcase of incredible, yet humble talent

Spencer Haugh Dot Dev
Description: This site has been built twice! Once with NextJS which sits atop React, and then again with AnalogJS which is powered by Angular. I got the crazy idea that I wanted to compare the developer experience using these two SSR frameworks, and I thought 'what better way to learn them than to build the same frontend with each technology?' And so, a project was born! I'd love to chat about my thoughts on each, (and even on Vue, which this site was originally built with!), or about the deployments; one is deployed via Vercel, and the other with Netlify.
Technologies Used:
Next JS
Analog JS
React
Angular
DevOps
SSR
SASS
Node
Express

Hangry

A sassy recipe suggestion app

Hangry
Description: Welcome to Hangry! This is version 2.0 of the project I first created as a software engineering bootcamp student in 2020. I was very happy with it at the time, but since then as I have continued to build my skills, I thought it would be fun to revisit this project and apply this experience. Looking back at this app's original codebase was a journey. I remember the struggle and the frustration. I built this app originally in Vue (it was a project requirement to use a technology that was new to us), but for v2 I am using React. These days, at my day job I am building with Angular, and I wanted to make sure I stayed sharp in React as well.
Technologies Used:
React
Javascript
Material UI
3rd Party API
Vue JS

Palette Maker

A custom color palette creator

Palette Maker
Description: This was a really fun project! This React project from Colt Steele implements advanced React patterns and UI functionality (like drag and drop, copy to clipboard, and transitions). The app utilizes concepts like Higher Order Components, Context, and Reducers for state management in React, Drag and Drop libraries, MaterialUI for component styling, and more.
Technologies Used:
React
Javascript
Material UI
Drag and Drop
React Transition Group
Responsive UI design