Joshua Ludolf Portfolio - Vue.js Version

This is a Vue.js single-page application (SPA) version of Joshua Ludolf's portfolio website, converted from the original static HTML files.

Features

✅ Responsive Design - Works on all device sizes
✅ Vue Router - Client-side navigation between pages
✅ Reactive Components - Dynamic content and forms
✅ Modern Vue 3 - Using Composition API and <script setup>
✅ Vite Build System - Fast development and optimized production builds

Pages

• Home (/) - Portfolio introduction with education cards and hero section
• About (/about) - Technical skills, experience, and educational background
• Projects (/projects) - Showcase of development projects with links to GitHub
• Contact (/contact) - Contact form with multiple email options and social links
• Privacy Policy (/privacy) - Privacy policy and data protection information
• Terms of Service (/terms) - Website terms and conditions

Development

Prerequisites

• Node.js 20.19.0+ or 22.12.0+
• npm or yarn package manager

Getting Started

1. Navigate to the vue-project directory:

   cd vue-project

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser:

   • The application will be available at http://localhost:5173 (or the next available port)
   • Vue DevTools will be available at the devtools URL shown in the terminal

Available Scripts

• npm run dev - Start development server with hot reload
• npm run build - Build for production
• npm run preview - Preview production build locally

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build