Jan Blomme Portfolio

A modern, accessible, and responsive personal portfolio website showcasing my skills, projects, and experience as an AI Engineer and XR Developer.

🚀 Features

• Modern Design: Clean, professional interface with smooth animations
• Fully Responsive: Optimized for all devices from mobile to desktop
• Accessibility-First: ARIA attributes, keyboard navigation, and screen reader support
• Performance Optimized: Minimal dependencies, optimized assets, and smooth transitions
• Section-Based Navigation: Easy navigation between about, experience, skills, projects, and education
• Interactive Elements: Expandable skill cards, project highlights, and social links

💻 Technologies Used

• HTML5: Semantic markup for better accessibility and SEO
• CSS3: Custom styling with responsive design principles
• JavaScript: Vanilla JS for interactions and animations
• Font Awesome: Icon library for visual elements
• Google Fonts: Typography with Inter and JetBrains Mono

📋 Sections

• About: Professional background, core strengths, and personal information
• Experience: Work history and professional achievements
• Skills: Comprehensive breakdown of technical skills across multiple domains
• Projects: Showcase of key projects with descriptions and technologies used
• Education: Academic background and qualifications

🛠️ Setup and Deployment

1. Clone the repository

   git clone https://github.com/BlommeJan/portfolio.git
   cd portfolio

2. Local Development

   • Open index.html in your browser
   • Or use a local server:

     # Using Python
     python -m http.server
     
     # Using Node.js
     npx serve

3. Deployment

   • Deploy to GitHub Pages, Netlify, Vercel, or any static hosting service
   • All assets are included in the repository, no build step required

📱 Mobile Support

The portfolio is fully responsive with:

• Mobile-first navigation with hamburger menu
• Touch-friendly interface elements
• Optimized layouts for all screen sizes

♿ Accessibility

• ARIA attributes for screen readers
• Keyboard navigation support
• Skip to content link
• Semantic HTML structure
• Sufficient color contrast
• Focus indicators for keyboard users

🔮 Future Enhancements

• Dark/Light theme toggle
• Project detail modals or pages
• Blog integration
• Contact form functionality
• Performance metrics dashboard

📬 Contact

• Email: jan@itsbryce.com
• GitHub: BlommeJan
• LinkedIn: Jan Blomme