Jameson Campbell - Portfolio & Writing

A modern, professional portfolio showcasing internal tools engineering, AI productivity projects, and thought leadership through detailed case studies and frameworks.

🌐 Live Site

Visit the live site at: jamesoncodes.github.io

🎯 Purpose

This website establishes credibility as a builder of internal tools and AI-enabled systems who connects business pain points to technical solutions. It demonstrates both technical execution and strategic thinking through detailed project case studies and actionable frameworks.

Positioning: Sales Operations Manager & Internal Tools Builder who bridges operations and engineering

🛠️ Tech Stack

• HTML5 - Semantic markup with accessibility focus
• Tailwind CSS (via CDN) - Utility-first styling with custom design system
• Vanilla JavaScript - Interactive features and animations
• GitHub Pages - Static hosting with custom domain support

🚀 Quick Start

Local Development

git clone https://github.com/JamesonCodes/JamesonCodes.github.io.git
cd JamesonCodes.github.io
open index.html  # or use a local server

Deployment

Automatically deployed via GitHub Pages from main branch:

git add .
git commit -m "feat: your changes"
git push origin main

Changes are live at https://jamesoncodes.github.io within minutes.

📁 Project Structure

/
├── index.html              # Main portfolio site
├── styles.css              # Custom CSS
├── script.js               # JavaScript functionality
├── articles/              # Blog posts and case studies
├── assets/                # Images, diagrams, logos
│   ├── projects/         # Theme-aware screenshots
│   ├── diagrams/         # Architecture diagrams
│   ├── og/               # Open Graph images
│   └── logos/            # Brand logos
├── sitemap.xml           # SEO sitemap
└── robots.txt            # Search engine config

✨ Features

• Responsive Design - Mobile-first with dark mode support
• Theme-Aware Images - Automatic dark/light mode switching
• Interactive Gallery - Full-screen modals with keyboard navigation
• SEO Optimized - XML sitemap, Open Graph tags, meta tags
• Performance Focused - Debounced events, lazy loading, minimal dependencies

📝 Published Articles

1. 🌅 Building Semantic Search for 100k+ Creative Assets - AI-powered semantic search system (Next.js, FastAPI, Vertex AI, Pinecone)

2. 🧠 Why Every Company Needs an Internal Tools Builder - Strategic framework on the emerging Internal Tools Builder role

3. ⚙️ Transforming HubSpot Services into Productized Offerings - Complete productization methodology with real implementation

4. 🎯 Designing Customer Experience Systems - 5-step quarterly framework for CX optimization

5. 🏋️‍♂️ Behind the Scenes: The Trials and Triumphs of Creating Fitness Apps - Startup journey from zero to #13 top-grossing Health & Fitness app

📄 License

MIT License - Feel free to use this as inspiration for your own portfolio!

---

Built with precision by Jameson Campbell
Bridging operations and engineering through thoughtful tooling