Tools Used
Technologies and tools used to build this portfolio website
Frontend Framework
Vue.js 3
Progressive JavaScript framework for building user interfaces with reactive data binding and component-based architecture.
Nuxt 3
Full-stack Vue.js framework providing server-side rendering, static site generation, and powerful developer experience.
TypeScript
Typed superset of JavaScript that adds static type definitions for better code quality and developer experience.
Styling & Layout
CSS3
Modern CSS with custom properties, animations, and responsive design patterns.
CSS Grid & Flexbox
Modern CSS layout systems for responsive and flexible component layouts.
Backend & Server
Nitro
Universal web server built by the Nuxt team, providing API routes and server-side functionality.
Node.js
JavaScript runtime for server-side development and build tools.
Content Management
Nuxt Content
Git-based headless CMS for Nuxt, supporting Markdown with Vue components.
Markdown
Lightweight markup language for writing structured content with support for code blocks and media.
Special Features
Internationalization
Multi-language support with dynamic locale switching for German and English.
Proof of Work
Custom spam protection system using cryptographic proof-of-work challenges.
Mermaid.js
Diagramming and charting tool for creating flowcharts, sequence diagrams, and more.
Architecture & Deployment
Static Site Generation
Pre-rendered static pages for optimal performance, SEO, and deployment flexibility.
Responsive Design
Mobile-first design approach ensuring optimal experience across all device sizes.
Open Source Acknowledgments
This website is built with the help of these amazing open source projects. Click the links to visit their official websites and GitHub repositories.
Vue.js 3
The progressive JavaScript framework that powers this website's frontend with its reactive data binding and component-based architecture.
Nuxt 3
The full-stack Vue.js framework providing server-side rendering, static site generation, and an excellent developer experience.
TypeScript
A typed superset of JavaScript that adds static type definitions for better code quality, enhanced IDE support, and improved developer experience.
Tailwind CSS
A utility-first CSS framework that enables rapid UI development with pre-built utility classes and responsive design patterns.
Phosphor Icons
A flexible icon family providing beautiful, consistent icons for interfaces, diagrams, and presentations across the website.
Vue I18n
Vue I18n provides internationalization capabilities, enabling seamless multi-language support for German and English content.
Mermaid.js
A powerful diagramming and charting tool that creates flowcharts, sequence diagrams, and other visual representations from text descriptions.
Crypto-JS
A comprehensive JavaScript library implementing standard cryptographic algorithms for secure data handling and proof-of-work functionality.