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
- Scroll-led Portfolio: Connected project scenes with responsive layouts and reduced-motion support
- Blog Platform: Integrated blog with markdown support and content collections
- Projects Showcase: Dedicated section for highlighting my technical projects
- Research Archive: Publications connected to related projects and professional experience
- 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.