Web Development

Production Sites. Client Projects. Modern Tech Stacks.

Full-Stack Development with Real-World Deployment

For Hiring Managers: What These Projects Demonstrate

⚛️ Not Just Tutorial Projects

Typical candidate: "I built a todo app following a YouTube tutorial."

What I shipped: Production React application for an active racing league—handling real data, real users, and real deadlines. Lighthouse 90+ scores.

🎯 Client-Focused Development

Typical candidate: "I understand user requirements."

What I delivered: Headless CMS integration so a non-technical client can update their own sponsorship site without touching code. That's understanding users.

🔧 Full-Stack Mindset

Typical candidate: Knows frontend OR backend.

What I build: Frontend (React, Astro), data handling (CSV parsing, REST APIs), automation (Python scripting), and deployment (Netlify, Git workflows).

Translation: I ship production code that solves real problems. Whether the role is Frontend Developer, Full-Stack Engineer, Applications Developer, or Web Developer, I've already proven I can deliver working software to real users.

Featured Projects

Client Project

TVQMA Race League

Full-stack React application for Tri Valley Quarter Midget Association. Live race schedules, results tracking, CSV data uploads for race officials, and mobile-responsive design. Lighthouse Performance: 90+

React JavaScript Vite React Router Bootstrap 5 CSV Parser Responsive Design

Key Features:

  • Dynamic race schedule management
  • CSV upload/parsing for race results
  • Mobile-first responsive layout
  • Client-side routing with React Router
Live Demo GitHub
Client Project

Rollins Racing Sponsor Site

Sponsorship platform for junior quarter midget racer. Built with Astro for static performance and TinaCMS for headless content management—allowing a non-technical client to update content without developer intervention.

Astro TypeScript TinaCMS Headless CMS Markdown Netlify

Key Features:

  • Headless CMS for non-technical editing
  • Static site generation for speed
  • Sponsorship tier display system
  • Integrated payment links (Venmo)
Live Site GitHub
Developer Tool

Network Port Scanner

Multi-threaded Python CLI tool for network reconnaissance. Demonstrates socket programming, threading for performance, and practical security/networking knowledge that bridges development and IT infrastructure.

Python Socket Programming Threading CLI Design Networking

Key Features:

  • Multi-threaded scanning for speed
  • Port range specification
  • Service identification
  • Clean CLI interface
GitHub Repo
Personal Project

Roby Engineering Portfolio

You're looking at it. Custom Astro site with glassy UI design, SEO optimization, structured data markup, and multi-page architecture. Built to funnel recruiters to relevant content—IT labs or web development—based on their needs.

Astro CSS SEO Responsive Design Netlify Schema.org

Key Features:

  • Custom glass-morphism UI design
  • Multi-page static site architecture
  • SEO-optimized with structured data
  • Mobile-first responsive design
GitHub Repo

Technical Stack

Frontend

  • React / React Router
  • Astro Framework
  • JavaScript (ES6+)
  • TypeScript
  • HTML5 / CSS3
  • Bootstrap / Tailwind

Backend & Data

  • Node.js
  • Python
  • REST APIs
  • CSV/JSON Data Handling
  • Headless CMS (TinaCMS)

Tools & Workflow

  • Git / GitHub
  • VS Code
  • Vite Build Tool
  • npm / Package Management
  • Chrome DevTools

Deployment & DevOps

  • Netlify
  • GitHub Actions (CI/CD concepts)
  • Domain Configuration
  • SSL/HTTPS
  • Performance Optimization

Also: IT Infrastructure Background

My web development skills are complemented by hands-on IT infrastructure experience. I understand the systems that web applications run on—servers, networking, security, automation.

Explore IT Labs

Let's Build Something Together

Looking for a developer who ships production code? I've already done it—for real clients with real deadlines.

Get in Touch View All Repos on GitHub