Portfolio
My personal website and digital garden, built with Astro and React. It serves as a portfolio, blog, and collection of personal interests including recipes, gaming, reading lists, and musical obsessions.
This site is a static site generated with Astro that combines multiple content types into a cohesive personal digital presence. The site is headless CMS-powered through Contentful, allowing for easy content management while maintaining fast performance through static generation.
There is no linked Live Demo - however this whole site is the live demo.
Multi-content Platform: Blog posts, portfolio projects, recipes, gaming content, reading lists, and music recommendations
Modern Tech Stack: Astro with React components, TypeScript, Tailwind CSS, and SCSS
Dynamic Interactions: Real-time filtering, search, and pagination without page refreshes
Responsive Design: Mobile-optimised with dark mode support
SEO Optimised: Includes sitemaps and proper meta tags
Blog: Categorised posts with rich text content from Contentful
Portfolio: Project showcase with external links and descriptions
Digital Garden: Personal knowledge base, including:
Recipes with ratings and personal notes (and keep screen awake function)
Gaming content and recommendations
Reading lists and book reviews
Music listening recommendations
About: Personal information and accessibility statement
Static Site Generation: Fast loading times with Astro
React Components: Interactive elements using hooks for state management
Contentful Integration: Headless CMS for content management
GitHub Pages Deployment: Automated deployment via GitHub Actions
TypeScript: Type safety throughout the application