The latest articles on DEV Community by Shahriar Hossein (@shahriar_hossein_f6287e16). https://dev.to/shahriar_hossein_f6287e16 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3670830%2F9bdee651-97e4-4790-bc0c-27690188f7e8.jpg https://dev.to/shahriar_hossein_f6287e16 en Shahriar Hossein Fri, 19 Dec 2025 14:11:03 +0000 https://dev.to/shahriar_hossein_f6287e16/a-simple-vue-3-tailwind-portfolio-template-for-students-developers-1497 https://dev.to/shahriar_hossein_f6287e16/a-simple-vue-3-tailwind-portfolio-template-for-students-developers-1497 <p>I built a <strong>minimal, single-page portfolio template</strong> using Vue 3, TypeScript, and TailwindCSS. </p> <p>The goal was to make it:</p> <ul> <li>Easy to use and customize</li> <li>Mobile-friendly</li> <li>Lightweight and modern</li> </ul> <p><strong>Live Demo:</strong> <a href="https://md-shahriar-hossein.vercel.app" rel="noopener noreferrer">https://md-shahriar-hossein.vercel.app</a></p> <p><strong>What’s included in the template:</strong></p> <ul> <li>Full Vue 3 project structure</li> <li>TailwindCSS configuration</li> <li>Clickable experience timeline</li> <li>Project cards with “See more” button</li> <li>README.md with setup instructions</li> <li>LICENSE.txt for personal use</li> </ul> <p>I packaged it as a downloadable template here: <a href="https://infivro.gumroad.com/l/susqr" rel="noopener noreferrer">Gumroad link</a> </p> <p>Would love to hear what you think, or how you would improve it. </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fimnz6yrdhhd4hpe54ooi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fimnz6yrdhhd4hpe54ooi.png" alt="Screen Shot 1" width="800" height="405"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ngk33yx828fxvr4khia.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ngk33yx828fxvr4khia.png" alt="Screen Shot 2" width="800" height="405"></a></p> tailwindcss resources showdev vue