A modern personal developer portfolio built with Astro, Vue.js, and Sanity CMS, designed to showcase professional experience, technical projects, skills, and development activities through a high-performance and content-driven web platform.

The website serves as a centralized professional profile, featuring dynamic project showcases, work experience timelines, education history, technical skills, certifications, and contact information.

Key Features

• Dynamic Portfolio Management: Manage projects, work experience, education, skills, certifications, and other portfolio content through Sanity CMS.
• Project Showcase: Display detailed project information, technology stacks, image galleries, and external links.
• Professional Profile: Present personal information, technical skills, education, and professional experience.
• Developer Activity Tracking: Integrate GitHub contribution statistics and WakaTime coding activity with interactive visualizations.
• AI-Powered Portfolio Assistant: Enable visitors to interact with an AI chat assistant powered by NVIDIA API.
• Responsive Design: Provide optimized layouts for desktop, tablet, and mobile devices.
• Dark Mode: Support automatic theme detection and persistent light/dark mode preferences.
• Interactive UI Components: Include image carousels, fullscreen lightboxes, timelines, and animated scrolling experiences.
• SEO Optimization: Implement dynamic metadata, canonical URLs, structured data, XML sitemap generation, and search engine indexing controls.

Technical Highlights

• Built using Astro with a hybrid static site generation and server-side rendering architecture.
• Integrated Sanity CMS as a headless content management system.
• Developed interactive components using Vue 3 and Pinia.
• Implemented automated deployment triggers through secure Sanity webhooks and Vercel integration.
• Integrated GitHub and WakaTime APIs for developer activity visualization.
• Implemented an AI chat service using NVIDIA API with rate limiting and input validation.
• Utilized Upstash Redis for rate limiting and request management.
• Applied Tailwind CSS 4 and TypeScript for a maintainable frontend architecture.

This project demonstrates modern frontend engineering, headless CMS integration, API development, application security, SEO optimization, and automated deployment workflows.