Projects I have worked on throughout my coding journey.
All project code can be viewed on my project GitHub.
View HereJavascript Calculator
Fully functional calculator with a custom UI built in vanilla JavaScript, HTML5, and CSS3. Handles order of operations, chained calculations, decimal input, and edge-case error states without libraries or frameworks.
Live ViewCookie Consent System
GDPR-compliant cookie consent banner and preferences modal built with vanilla JavaScript. Implements conditional Google Analytics injection based on user consent state. Replaced a third-party script to maintain a 100/100 score.
Code View
Contact Form
Client-side contact forms deployed on two live sites backed by a Node.js server hosted on Vercel. Emails submissions directly to the business owner via Nodemailer with validation, submission state, and error feedback handled in vanilla JavaScript.
Code View
Personal Portfolio Site
Personal portfolio site hand-coded in HTML, CSS, and JavaScript. Features a contact form with a Node.js backend deployed on Vercel. Maintains a 100/100 PageSpeed Insights score through custom performance optimization and post-launch testing.
Live View
Buisness Website
Business website for Ryan Shill Co hand-coded in HTML, CSS, and JavaScript. Features a custom cookie consent system, Google Analytics integration, and a contact form with a Node.js backend deployed on Vercel.
Live View
Skyline
City skyline built with HTML and CSS using variables, gradients, and positioning. Demonstrates visual composition and layout complexity without libraries or frameworks.
Live View
Technical Documentation
CSS Flexbox reference document built with HTML and CSS. Features a fixed sidebar navigation, five structured sections with code examples, and a two-column layout using CSS Grid. Demonstrates semantic markup, document structure, and technical writing.
Live View
Multi-Page Example
Multi-page business website built for a fictitious construction company. Demonstrates site architecture, consistent navigation, responsive design, and real-world layout patterns using hand-coded HTML and CSS.
Live ViewLanding Page Example
Single-page business landing page built for a fictitious roofing company. Demonstrates client-deliverable layout, responsive design, and performance optimization using hand-coded HTML and CSS.
Live View
Javascript Calculator
Fully functional calculator with a custom UI built in vanilla JavaScript, HTML, and CSS. Handles order of operations, chained calculations, decimal input, and edge-case error states without libraries or frameworks.
Live ViewContact Form
Client-side contact forms deployed on two live sites backed by a Node.js server hosted on Vercel. Emails submissions directly to the business owner via Nodemailer with validation, submission state, and error feedback handled in vanilla JavaScript..
Code ViewPersonal Portfolio Site
Personal portfolio site hand-coded in HTML, CSS, and JavaScript. Features a contact form with a Node.js backend deployed on Vercel. Maintains a 100/100 PageSpeed Insights score through custom performance optimization and post-launch testing.
Live ViewBusiness Website
Business website for Ryan Shill Co hand-coded in HTML, CSS, and JavaScript. Features a custom cookie consent system, Google Analytics integration, and a contact form with a Node.js backend deployed on Vercel.
Live ViewSkyline
City skyline built with HTML and CSS using variables, gradients, and positioning. Demonstrates visual composition and layout complexity without libraries or frameworks.
Live ViewTechnical Documentation
CSS Flexbox reference document built with HTML and CSS. Features a fixed sidebar navigation, five structured sections with code examples, and a two-column layout using CSS Grid. Demonstrates semantic markup, document structure, and technical writing.
Live ViewLanding Page Example
Multi-page business website built for a fictitious construction company. Demonstrates site architecture, consistent navigation, responsive design, and real-world layout patterns using hand-coded HTML and CSS.
Live ViewMulti-Page Example
Single-page business landing page built for a fictitious roofing company. Demonstrates client-deliverable layout, responsive design, and performance optimization using hand-coded HTML and CSS.
Live ViewIntegrated Lead and Project Management System
Lead Scanner is a batch website-auditing tool that automates prospecting: given a list of business URLs, it validates and dedupes them (against Notion), runs each through a rules engine (SSL, meta tags, CTAs, alt text, PageSpeed scores, etc.), and ranks them by priority so weak websites surface as sales leads, reviewable in a dashboard and pushed straight into Notion.
Stack: Node.js/Express, Playwright, Cheerio, Axios, Notion SDK on the backend; Vite + React 19 frontend. Built with Claude Code as an AI-integrated dev process — counted as part of the stack, used deliberately for practice working with AI during the build.
Live View