Poorly Drawn Pokemon

A full stack image hosting platform

project.name
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
TypeScript
Postgres
Strapi
Material UI
Railway

Spencer Haugh Dot Dev

This very app!

project.name
Description: This site has been built twice! Once with NextJS which sit 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
SSR
SASS
Shared Node/Express backend

Hangry

A sassy recipe suggestion app

project.name
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 revist 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

Palette Maker

A custom color palette creator

project.name
Description: This was a really fun project! This React project 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

Wide Angle Podium

A podcast network website

project.name
Description: This fully deployed and revenue-generating site is built for a podcast network, built to collect recurring donations, and receiving data from multiple podcast RSS feeds. It is also integrated with the Stripe API and the Recurly API to process recurring monthly payments. There are complex form submissions to track donor activity, and secure pages for authorized users only.
Technologies Used:
Wordpress CMS
Payment processing
Stripe API
Recurly API
SSL
3rd Party RSS feeds
Responsive design