connorbray.net
Personal portfolio built with TypeScript and deployed globally at the edge. Focused on performance, accessibility, and a maintainable design system.
About This Project
- Built using React + TypeScript
- Client routing with React Router; logical route + layout composition
- Custom design system: SCSS modules + tokens (color, spacing, typography, elevation)
- Automated build & deploy via GitHub Actions to Cloudflare Workers (edge)
- Performance tuned: code splitting, prefetch hints, lazy hydration of non-critical UI
- Accessibility baked in: semantic structure, reduced motion support, color contrast checks
- Optimized for performance and accessibility
Technologies Used
ReactTypeScriptViteSCSSReact RouterCloudflare WorkersGitHub Actions
Key Features
- Fast first paint (<1KB critical CSS inlined; deferred non-essential bundles)
- Dark / light theme with system preference + persistent user override
- Project and resume data sourced from strongly typed modules
- Smooth but mindful animations and micro-interactions
- Semantic HTML + ARIA patterns; keyboard-first navigation
- Edge deployment with automated CI/CD (build → test → deploy)