personal website

an intro to my personal portfolio website

Portfolio Website

This is my personal portfolio website showcasing my projects, blog posts, and more. It’s built with SvelteKit and features a clean, minimalist design with smooth page transitions.

Features

  • Modern Design: Clean and minimalist aesthetic with a dark theme
  • Fast Performance: Built with SvelteKit for optimal loading speeds
  • Responsive Layout: Looks great on all devices from mobile to desktop
  • Blog Platform: Integrated blog with Markdown support
  • Project Showcase: Highlighting my work with detailed project pages
  • Contact Form: Easy way for visitors to get in touch

Technologies Used

  • SvelteKit: For the core framework and routing
  • MDsveX: For Markdown processing
  • SCSS: For styling
  • Shiki: For code syntax highlighting
  • Lottie: For animations
  • Web3Forms: For the contact form backend

Design Decisions

I wanted a site that reflected my personal style while being highly functional. The dark theme with accent colors creates a modern look that’s easy on the eyes, especially for developers who might be visiting the site.

The navigation is intuitive with clear pathways to different sections of the site. Page transitions add a touch of polish without being distracting.

Development Process

The site went through several iterations before arriving at the current design. I started with wireframes, then created a design mockup, and finally implemented it with SvelteKit.

One of the challenges was optimizing the site for both performance and aesthetics. I had to make sure the animations and transitions were smooth without sacrificing load times.

Future Improvements

  • Add search functionality to the blog
  • Implement dark/light theme toggle
  • Create a dedicated photography section with a gallery view
  • Add filtering options for projects by technology or category