Personal Portfolio Website

A modern, responsive portfolio website showcasing my journey as a software engineer, built with cutting-edge web technologies.

Features

• Responsive Design: Optimized for all device sizes and screen resolutions
• Interactive UI: Smooth animations and transitions using Framer Motion
• Content Management: Dynamic content powered by Contentlayer for easy updates
• Performance Optimized: Built with Next.js 13 App Router for optimal loading speeds
• SEO Friendly: Comprehensive meta tags and structured data for search engines

Technology Stack

• Framework: Next.js 13 with App Router
• Styling: TailwindCSS for utility-first styling
• Content: Contentlayer for MDX-based content management
• Animations: Framer Motion for smooth interactions
• Analytics: Upstash Redis for pageview tracking
• Deployment: Vercel for seamless CI/CD

Sections

Home

• Clean, minimalist landing page with animated hero section
• Quick navigation to projects and contact information

Projects

• Detailed showcase of my software engineering projects
• Interactive cards with live demos and source code links
• Real-time view counts and engagement metrics

Contact

• Multiple ways to connect including email, GitHub, and social media
• Professional contact information for collaboration opportunities

Design Philosophy

The portfolio embraces a dark theme aesthetic with:

• High contrast for excellent readability
• Subtle animations that enhance without distracting
• Clean typography hierarchy for easy information consumption
• Responsive grid layouts that work beautifully on any device

Visit my portfolio at qiyijiazhen.com to see the full experience.