Portfolio Website

4/10/2024
SvelteKitTypeScript

Introduction

This website showcases my projects, skills, and experiences in developer relations. The goal was to create a clean, modern, and user-friendly portfolio website that would effectively showcase my projects and skills. I wanted to ensure that the website would be visually appealing, accessible, and maintain a professional appearance.

Key Features

Responsive Design

The website adapts to different screen sizes, providing a good viewing experience across all devices, from mobile phones to desktop computers.

Dark/Light Mode

I implemented a theme switcher that allows visitors to choose between dark and light modes on desktop. This feature enhances accessibility and reduces eye strain during nighttime browsing, while also catering to developer preferences.

Project Showcase

The projects section highlights my work with detailed descriptions, technologies used, and demos where applicable. Each project is presented with relevant images and links.

Technical Implementation

Technology Stack

  • Framework: SvelteKit

    • Chosen for its performance, and I've used it before
    • Provides server-side rendering capabilities
    • Offers great SEO optimisation out of the box
  • Styling: CSS

    • Custom styling with CSS features
    • Responsive design implementation
    • Clean and maintainable code structure

SEO Considerations

  • Semantic HTML structure
  • Proper heading hierarchy

Future Enhancements

While the website is functional and meets current needs, there's always room for improvement. Here are some planned enhancements:

  • Adding more projects
  • Enhancing the blog functionality with categories and search

Feel free to explore the live website and reach out if you have any questions or suggestions!