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
Application Feedback Form
Multi-input feedback form built with semantic HTML. Includes text fields, radio buttons, dropdowns, and a textarea — structured for accessibility and clean markup.
Live View
Book Inventory
Structured book tracking table built with semantic HTML. Demonstrates multi-column table markup, categorization, and clean data presentation with CSS styling.
Live View
Playing Cards
Four-suit playing card layout built with CSS Flexbox. Demonstrates card structure, alignment, and responsive spacing using pure 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 ViewApplication Feedback Form
Multi-input feedback form built with semantic HTML. Includes text fields, radio buttons, dropdowns, and a textarea — structured for accessibility and clean markup.
Live ViewBook Inventory
Structured book tracking table built with semantic HTML. Demonstrates multi-column table markup, categorization, and clean data presentation with CSS styling.
Live View