Back to Works

Personal Portfolio Website

A modern, full-stack portfolio website built with Nuxt 4, featuring a custom CMS for managing projects and blog posts. Showcases my work and technical expertise through an elegant, responsive design.

Nuxt 4Vue 3TypeScriptTailwind CSSMySQLDrizzle ORMPM2NginxSentryGithub ActionsPlaywrightNode.jsDocker
Personal Portfolio Website

About This Project

This portfolio website serves as both a showcase of my work and a demonstration of my full-stack development capabilities. Built from scratch using cutting-edge technologies, it features a complete content management system that allows me to easily manage projects, write blog posts, and handle contact inquiries. The application follows modern web development best practices with server-side rendering for optimal SEO, secure authentication for the admin panel, and a responsive design that works seamlessly across all devices. The backend utilizes Drizzle ORM with MySQL for robust data management, while the frontend leverages Vue 3's Composition API and Tailwind CSS for a polished user experience. Key features include: - Custom-built admin dashboard for content management - Secure authentication system with JWT tokens - Image upload functionality with automatic optimization - Blog system with markdown support and syntax highlighting - Contact form with email notifications - Fully responsive design with smooth animations - SEO optimized with proper meta tags and structured data - Automated deployment pipeline with GitHub Actions The project demonstrates my ability to design and build complete web applications from concept to deployment, handling everything from database schema design to CI/CD configuration.