My personal website (www.tomblaymire.com)

Personal website built with Vite, React, TypeScript & Tailwind CSS.

Live URL

www.tomblaymire.com

Screenshot

Built With

• TypeScript 5
• React 18
• Vite 6
• Tailwind CSS 3
• MDX for articles
• Shiki for syntax highlighting
• React Router 6
• Vitest for unit testing
• Playwright for E2E testing

Features

• Responsive design optimised for mobile and desktop
• Dark/light theme toggle
• MDX-powered blog with syntax highlighted code blocks
• SEO optimised with structured data
• Accessible (WCAG compliant)

How To Use

To clone and run this application, you'll need Git and Node.js (v22+) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/thomasblaymire/tomblaymire.com

# Go into the repository
$ cd tomblaymire.com

# Install dependencies
$ yarn

# Run the web app
$ yarn dev

# Build the web app
$ yarn build

# Run unit tests
$ yarn test

# Run E2E tests
$ yarn test:e2e

# Run E2E tests with UI
$ yarn test:e2e:ui

# Run ESLint
$ yarn lint

# Type check
$ yarn type-check