Skip to content

Releases: ThomasJButler/thomasjbutler.github.io

V3.5 - React Implementation From Scratch

28 Oct 23:27
@ThomasJButler ThomasJButler
v3.5
0ac72a2
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Choose a tag to compare

View all tags
V3.5 - React Implementation From Scratch Latest
Latest

Date: 10-28-2025

Overview

This release marks a transition from being a static site the last two years, to now a fully-fledged React app with Vite.

It was a mammoth task and took over 6 months of gradually chipping away. It's not perfect but I am proud of it.
I hope you like it too 😊

The entire codebase has been rewritten from scratch, bringing modern architecture, improved performance, a dark theme, and it's much easier to maintain over (hopefully) a long career of creating things!

Highlights

  1. Complete React rewrite using Vite, TypeScript, and functional components
  2. Dynamic client-side routing with React Router
  3. Modular component library (Header, Footer, ThemeToggle, PageTransition, etc.)
  4. PWA support (service worker, manifest) and offline caching
  5. Accessibility improvements (keyboard navigation, ARIA roles)
  6. Performance optimisations (code splitting, lazy loading, skeleton loaders)
  7. Responsive design overhaul and mobile-first CSS utilities
  8. Automated testing suite with Vitest and React Testing Library
  9. Updated content loader for Markdown-based blog posts
  10. CI/CD ready: linting, formatting, and test pipelines
  11. Dark mode / Matrix mode theme toggles.

For full development history of this website, please see version-timetravel.

Assets 2
Loading

v3.0

07 Aug 05:49
@ThomasJButler ThomasJButler
v3.0-React-Migration
3eff5e9
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Choose a tag to compare

View all tags
v3.0

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

What's Changed

New Contributors

Full Changelog: https://github.com/ThomasJButler/ThomasJButler/docs/CHANGELOG.md

Contributors

ThomasJButler
Loading