Aboutial
A modern, flexible personal portfolio/about page built with Nuxt 4, featuring multiple social media-inspired layouts (Twitter/X, Instagram, LinkedIn), content management with Nuxt Content, and visual editing with Nuxt Studio.
Sep 2025 - Oct 2025 • 1 month
Tech Stack
VueJSNuxtTypescriptTailwind CSS
Features
- 🎨 Multiple Layout Styles: Choose from Twitter/X, Instagram, or LinkedIn-inspired designs
- 📝 Content Management: Markdown-based content with frontmatter configuration
- 🎭 Visual Editing: Integrated Nuxt Studio for content editing
- 🌓 Dark Mode: Full light/dark theme support with manual toggle and system preference detection
- 📱 Responsive Design: Mobile-first approach with Tailwind CSS
- 🎬 Media Backgrounds: Support for images (gif, png, webp, svg) and videos (mp4)
- 🔗 Social Links: Integrated social media links (GitHub, LinkedIn, Twitter, Instagram, YouTube)
- 📖 Read More Component: Collapsible content with smooth transitions
- 💼 Availability Badge: Show your availability status with animated pulsing indicator
- 🚀 One-Click Deploy: Deploy to Vercel directly from your portfolio with integrated deploy button
- ⚡ Performance: Built on Nuxt 4 with optimized assets and fonts
- ✨ Smooth Animations: Page load animations with fade, slide, and blur effects