β€’
2 min read

Personal Portfolio & Blog

Table of Contents

Personal Portfolio

This is my personal portfolio and blog website, designed to showcase my projects, research, and writing in a clean, modern interface. Built with performance and accessibility in mind, the site leverages modern web technologies to create a fast, responsive user experience.

Key Features

  • Responsive Design: Fully responsive layout that works beautifully on all devices
  • Dark/Light Mode: Automatic theme switching based on user preferences
  • Blog Platform: Integrated blog with markdown support and content collections
  • Projects Showcase: Dedicated section for highlighting my technical projects
  • Research Page: Special section for academic publications with citation tracking
  • Performance Optimized: Fast loading times with static site generation
  • SEO Friendly: Structured metadata and optimized for search engines

Technical Implementation

The site is built with a modern tech stack:

  • Astro: For static site generation and partial hydration
  • Tailwind CSS: For utility-first styling
  • TypeScript: For type-safe JavaScript
  • Content Collections: For structured content management
  • GitHub Pages: For hosting and continuous deployment

Design Philosophy

The design focuses on:

  • Clean, minimalist aesthetics
  • Typography-focused content presentation
  • Accessibility and inclusive design
  • Fast loading and navigation
  • Intuitive information architecture

This project serves as both a showcase of my work and a platform for sharing knowledge through blog posts and research publications. It’s continuously evolving as I add new features and content.