Web Developer Solving Complex Problems

Hi, I'm Phil Stubbs — a web developer who builds with purpose.

I have a strong interest and curiosity in finding ways to incorporate AI into the web development and coding space.

I specialize in crafting accessible, user-centered experiences with modern tools like React, TypeScript, and Next.js. Whether I'm collaborating in Figma, testing with Vitest, or documenting in Storybook, I focus on creating clean, scalable UI with empathy baked in. My approach is shaped not just by my experience, but by personal values—like making the web work better for everyone, including people with disabilities.

I also share what I learn through dev-focused content on YouTube and TikTok, and love connecting with others who care about thoughtful design, inclusive development, and continuous growth. Let's build something that matters.

About Me

I'm a passionate developer with a focus on creating beautiful and functional digital experiences. I have a strong passion for and background in user experience design, frontend development, and data visualization

In my free time, I enjoy exploring new technologies, reading about the latest industry trends, and staying active through various outdoor activities.

My Projects

Check out some of the projects I've worked on. I've had the opportunity to collaborate on a variety of exciting projects using many cutting edge technologies across the stack.

Tracalorie - Calorie Tracking App

A modern, responsive calorie tracking web application built with JavaScript, Webpack, and Bootstrap.

Random Ideas

A full-stack web application for capturing, sharing, and managing random ideas.

Ambient Sound Mixer

Ambient Sound Mixer is a web-based sound generator designed to help users focus, relax, or sleep.

Bookmark Manager

This page showcases features, browser extension download options, an FAQ section, and a newsletter signup form.

Shortly

A responsive landing page for a fictional URL shortening service, built with HTML, CSS (with Tailwind utility classes), and JavaScript.

Clipboard Website

A clean, responsive landing page for a fictional Clipboard app, built with HTML and CSS (with utility classes).

Loopstudios Landing Page

A responsive landing page built with HTML, CSS, Tailwind CSS utility classes, and JavaScript.

Fylo Landing Page

A responsive landing page for Fylo, built with HTML, CSS (TailwindCSS), and vanilla JavaScript.

Starbucks Coffee Company

This project is a Starbucks-inspired landing page built with HTML, CSS, and JavaScript.

Product Modal

A responsive product modal card built with HTML and Tailwind CSS.

Email Subscription Card

This project is a responsive email subscription card built with HTML and Tailwind CSS.

Idea Drop

IdeaDrop is a platform for sharing, exploring, and building on startup ideas and side hustles.

Hulu

This project is a static clone of the Hulu homepage, built using HTML and CSS.

Stridely App

This project is a MERN stack application that allows user to log and keep track of different workouts.

Goalsetter App

The Goalsetter App is a full stack application built using the MERN stack (MongoDB, Express.js, React, Node.js).

Budget Management App

This project is a React app designed to help users manage their budgets and expenses effectively.

React Shopping Cart

This project is a React + TypeScript implementation of a shopping cart application.

Leno Website - Productivity & Health App Landing Page

A sleek and modern landing page for the Leno app, designed to showcase its features, benefits, and testimonials.

Next.js Issue Tracker

A project management application built with Next.js.

Growth App - SaaS Landing Page

A modern and responsive SaaS landing page designed to showcase the features, benefits, and pricing of a startup growth tool.

Expense Tracker Next.js

A modern expense tracking application built with Next.js and Clerk for user authentication.

Word Masters

A fun and interactive word puzzle game built with HTML, CSS, and JavaScript.

Runner Pulse

Runner Pulse is a comprehensive web application designed for passionate runners to track, analyze, and improve their performance.

Tutor Website

A professional and responsive website designed for promoting and selling online video courses.

ProStore - Next.js Ecommerce Platform

A modern and feature-rich e-commerce platform built with Next.js.

Lumina Creative

A modern and visually stunning portfolio website designed for showcasing creative projects.

Speech Text Reader

An assistive web application that converts text to speech using the Web Speech API.

Exchange Rate Calculator

A simple and interactive exchange rate calculator built with HTML, CSS, and JavaScript.

Product Filtering UI

A responsive product filtering user interface built with HTML, Tailwind CSS, and JavaScript.

Speak Number Guessing Game

A voice-controlled number guessing game built with JavaScript.

New Year Countdown

A simple and visually appealing countdown timer that counts down to the New Year.

Breakout Game

A classic Breakout game built with HTML5 Canvas and JavaScript.

Relaxer App

A simple breathing exercise app built with HTML, CSS, and JavaScript.

Wistia Video Player

A custom video player component built using React and the Wistia JavaScript Player API.

Beat the Odds

A web app that was created specifically to help the average basketball fan quickly and effectively visualize and organize complex market data for their favorite nba players and teams.

Youtube Data Analysis

Using a public dataset powered by the YouTube API, this project uncovers insights into trending videos for one of the largest search engines and one of the largest social media platforms.

GitHub Release Monitor

Never miss a release for your favorite GitHub organizations and repositories ever again.

D3 Data Journalism

A visualization built using D3 intended to show various health risks facing particular demographics across different states in the U.S. (for example, access to healthcare vs median household income).

Shelter

The project is a mobile and web based app intended for homeless people to use in Minneapolis as a resource and intended to help streamline the process of checking into a shelter.

Click Me

A memory skill application built using React. The objective of the game is to be able to go through and click each player image once.

Next.js and Netlify Blog

A personal blog built and deployed using Next.js and Netlify.

UFO Sightings

Built using JavaScript, HTML, CSS, this is a site that allows you to easily and quickly look up information about all the reported UFO sightings in the US and Canada

Explore Art

Explore Art is a web app that allows you to search and find information about different artwork that is found in the Minneapolis Institute of Art's collection. You can also favorite artwork you like to view at a later time.

Citi Bike Analytics and Insights

A data visualization project that helps publicize and share information about the New York Citi Bike program from March 2019 to March 2020. Built using Tableau.

Running With Swag

An online community created by runners, for runners. Whether you are a competitive runner, running enthusiast, or just a beginner, this site has something for you. Site built using React and Firebase.