Tom Fynes
Tom Fynes — Portfolio & Blog
My personal portfolio site, hosted on GitHub Pages. Built with Docusaurus, Tailwind CSS, and a few custom components.
The site includes:
- Blog — posts on data engineering, SQL, Python, tooling, and occasional experiments with AI agents
- Courses — free beginner-friendly guides on SQL, Git, and Python
- Projects — write-ups of side projects including a VS Code theme and a SQL query optimiser
- Resources — cheat sheets and downloadable learning materials
🌐 Live site: tom-fynes.github.io
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Docusaurus v3 |
| Styling | Tailwind CSS v3 + custom CSS |
| Typography | Inter via Google Fonts |
| Animations | Framer Motion |
| Diagrams | Mermaid |
| Hosting | GitHub Pages |
Getting Started
Prerequisites: Node.js ≥ 18
# Install dependencies
npm install
# Start local dev server
npm start
# Build for production
npm run build
# Serve the production build locally
npm run serve
The dev server runs at http://localhost:3000 with hot reload enabled.
Project Structure
├── blog/ # Blog posts (organised by year)
│ ├── authors.yml # Author profiles
│ └── tags.yml # Tag definitions
├── docs/ # SQL 101 course content
├── git_101/ # Git 101 course content
├── python_101/ # Python 101 course content
├── projects/ # Project write-ups
├── src/
│ ├── components/ # React components
│ ├── css/ # Global styles
│ └── pages/ # Top-level pages (home, skills, etc.)
├── static/ # Static assets (images, downloads)
└── docusaurus.config.js
Contributing
This is a personal portfolio, but if you spot a typo or a broken link feel free to open a PR.