🌌 Thomas J Butler

███╗   ███╗ █████╗ ████████╗██████╗ ██╗██╗  ██╗
████╗ ████║██╔══██╗╚══██╔══╝██╔══██╗██║╚██╗██╔╝
██╔████╔██║███████║   ██║   ██████╔╝██║ ╚███╔╝ 
██║╚██╔╝██║██╔══██║   ██║   ██╔══██╗██║ ██╔██╗ 
██║ ╚═╝ ██║██║  ██║   ██║   ██║  ██║██║██╔╝ ██╗
╚═╝     ╚═╝╚═╝  ╚═╝   ╚═╝   ╚═╝  ╚═╝╚═╝╚═╝  ╚═╝

Full-Stack Developer | AI Integration Specialist | York, UK 🇬🇧

---

🚀 About Me

Hey! I'm a Full-Stack Developer and AI Integration Specialist originally from Liverpool, and I'm genuinely passionate about making technology more human. You know that feeling when you use an app and it just feels natural? That's what I'm after.

I've got this slightly obsessive thing about building tech that actually empowers people rather than replacing them. It has to be a joyful experience too. Whether I'm working on AI applications for neurodiversity support (which I'm really excited about) or creating those Matrix-themed interfaces, I'm always asking: "Will this actually make someone's day better? Is it safe and designed purely with the end user in mind?"

The truth is, I love the technical challenges too and solving problems with code. Diving deep into React, Python, AI integration - but what really gets me up in the morning is knowing that something I built might help someone feel more confident, more included, or just have a bit more fun with technology.

💫 Key Strengths

• 🎯 Live Project Portfolio: Multiple deployed applications serving real users
• 🤖 AI Integration Expertise: Custom GPT development and LLM implementation
• 🎨 Unique Design Aesthetic: Matrix-themed interfaces with advanced CSS animations
• 🔧 Full-Stack Proficiency: From Python backends to React frontends
• 🌍 Professional UK Base: Liverpool-based developer ready for collaboration

---

🚀 Featured Live Projects

🤖 AI Model Comparison Showcase

AI Neurodiversity Applications Suite (In Development)

• Tech Stack: TypeScript, React, Python, Human-Centered Design

• Mission: demonstrating advanced AI model comparison capabilities

• Status: Working prototype with custom API routing.

• AI Comparison Showcase is a portfolio project demonstrating advanced AI model comparison capabilities.

🎨 CSS Showcase

Advanced CSS Demonstrations

• Tech Stack: Pure CSS3, Advanced Animations, Modern Layouts
• Features: Complex animations, interactive components, cutting-edge CSS techniques
• Status: Active Development Repository
• Impact: Showcasing the artistic potential of modern CSS

🎮 The Matrix Arcade

Interactive Gaming Platform

• Tech Stack: Vite, React, Python, Interactive Canvas
• Features: Playable mini-games, responsive design, Matrix theming
• Status: Live & Continuously Updated
• Impact: Showcasing creative game development skills

🚀 Portfolio v3.0 - Vite/React Migration

Modern React Portfolio with Anime.js

• Tech Stack: React 19, TypeScript, Vite 7, Anime.js v4
• Features: Component architecture, smooth animations, Matrix rain effect
• Status: Migration Complete - React Components Live
• Impact: Showcasing modern React development skills

🎨 Big Bang Art Gallery - Website coming soon.

3D Interactive CSS Experience

• Tech Stack: React, TypeScript, CSS3, JavaScript, GSAP Animations
• Features: 3D hover effects, perspective tracking, immersive gallery
• Status: Live Interactive Gallery
• Impact: Award-worthy CSS animation showcase

⏰ Version TimeTravel - Website coming soon.

Design Evolution Showcase

• Tech Stack: React, Vite, TypeScript, HTML5, CSS3, Interactive Timeline
• Features: Website version history, before/after comparisons
• Status: Live Documentation Platform
• Impact: Transparent development journey showcase

🧮 Dotnet React Calculator

Full-Stack .NET Application

• Tech Stack: .NET, React, C#, TypeScript, API Development
• Features: Custom API endpoints, React frontend integration, calendar functionality
• Status: Live & Continuously Enhanced
• Impact: Demonstrating full-stack .NET expertise and API customization

⚽ Premier League Oracle

ML-Powered Football Predictions

• Tech Stack: Svelte, TypeScript, Python, Machine Learning, Supabase
• Features: Historical data analysis, statistical predictions, real-time updates
• Status: Live Prediction Platform
• Impact: Showcasing data science and ML implementation skills

🐍 Python Projects

Algorithm & ML Repository

• Tech Stack: Python, Mathematical Algorithms, Machine Learning, Games
• Features: Fractals, Fibonacci calculations, model predictions, mini-games
• Status: Active Development Repository
• Impact: Demonstrating Python proficiency across diverse applications

💼 Commercial Portfolio v2.0

Professional Work Showcase

• Tech Stack: React, Notion API, CMS Integration, Responsive Design
• Features: Dynamic content management, commercial project gallery, client work
• Status: Complete Platform Overhaul - Version 2.0 Live
• Impact: Professional portfolio with real client projects

🎨 Creative CodePen Collection

Interactive Web Experiments

• Tech Stack: JavaScript, CSS3, HTML5, SVG, Canvas, Animation
• Features: Creative frontend experiments, UI components, interactive animations
• Status: Continuously Updated Collection
• Impact: Showcasing creative coding and experimental web development

🚀 Landing Page

Interactive Portfolio Entry

• Tech Stack: HTML5, CSS3, JavaScript, Responsive Design, Animations
• Features: CV showcase, CodePen integration, animated UI elements
• Status: Live Interactive Experience
• Impact: Creative entry point to portfolio ecosystem

---

🚀 Recent Updates

📅 2025-07-20 - React Migration Complete - Portfolio v3.0 Live!

Just shipped a complete React migration of my portfolio! 🎉

What's New:

• ✅ Full React + TypeScript implementation - type-safe components throughout
• ✅ Anime.js v4 Integration - smooth, performant animations that respect the Matrix aesthetic
• ✅ Modern Vite Build System - lightning-fast HMR and optimized production builds
• ✅ Component Architecture - modular, maintainable, and scalable
• ✅ CSS Modules - scoped styling with zero conflicts
• ✅ Custom Animation Hooks - useMatrixAnimation, useScrollAnimation for reusable effects
• ✅ Maintained Matrix Theme - kept the iconic green-on-black aesthetic during migration

Technical Highlights:

• Migrated from static HTML/JS to React 19 with TypeScript
• Implemented React Router for seamless SPA navigation
• Created reusable component library aligned with design system
• Achieved 100% type coverage with strict mode enabled

Impact: Showcasing modern React development skills while maintaining the unique visual identity that sets my portfolio apart.

🔗 Check out the live React version →

From Liverpool with love. 💚

---

🛠️ Technical Arsenal

Advanced Proficiency

Technology		Technology		Technology
JavaScript		Python		React
HTML5		CSS3

Proficient

Technology		Technology		Technology
C#		.NET		Node.js
Django		Tailwind CSS		PHP

Databases

Technology		Technology		Technology
PostgreSQL		MongoDB		MySQL
SQL Server		Supabase

Cloud & DevOps (Qualified)

Technology		Technology		Technology
AWS		Azure		Docker
Git		Cisco

Tools & Platforms

Technology		Technology		Technology
Vite		Svelte		Vercel
Netlify		n8n		HubSpot

Certified & Learning

• 🏆 AWS Qualified | Azure Qualified | Cisco Qualified | HubSpot Qualified
• 🎓 Level 4 Software Developer Apprenticeship (Completed)
• 📜 City & Guilds Level 2 ICT Systems Support (2024)
• 🤖 Machine Learning: Mastering Generative AI & Agents (August 2025)

Specialisations

• 🤖 AI Model Building: Custom model creation, prompt engineering (weird hobby!), performance testing
• 🎨 Advanced CSS: GSAP Animations, 3D Transforms, Matrix Effects
• 🔧 Full-Stack Architecture: End-to-end application development
• 📱 Cross-Platform Development: Mac, Windows, iOS (learning)
• ⚡ Automation: n8n workflows, API integrations

---

⚡ My Tech Stacks

🌟 Modern Web Stack

React + Vite + TypeScript + Supabase + Vercel + Tailwind

• Lightning-fast development with Vite
• Type-safe with TypeScript
• Real-time data with Supabase
• Instant deployment via Vercel

🤖 AI-Powered Applications

Python + Django + PostgreSQL + OpenAI API + Docker + AWS

• Robust backend with Django
• Scalable database solutions
• AI integration for intelligent features
• Cloud deployment ready

🏢 Enterprise Solutions

C# + .NET + Azure + SQL Server + Umbraco

• Enterprise-grade architecture
• Microsoft ecosystem integration
• Content management capabilities
• Cloud-native design

⚡ Automation & Workflows

n8n + Python + APIs + Cloud Functions

• Visual workflow automation
• Custom integrations
• Event-driven architecture
• Serverless efficiency

🚀 Static & Performance

Vite + Vanilla JS + Netlify + Headless CMS

• Maximum performance
• SEO optimised
• Edge deployment
• Content flexibility

---

📊 GitHub Statistics

---

🤝 Professional Network

`` ### 📍 Location: York, England, UK 🇬🇧 ### 💼 Available for: Freelance Projects | Collaboration | Full-time Opportunities

---