The latest articles on DEV Community by suvakovan S (@si326). https://dev.to/si326 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%2F3729591%2F2ff85e5d-069a-40d9-99bb-45831f878967.png https://dev.to/si326 en suvakovan S Fri, 30 Jan 2026 06:27:20 +0000 https://dev.to/si326/cyber-portfolio-terminal-inspired-developer-portfolio-1gpc https://dev.to/si326/cyber-portfolio-terminal-inspired-developer-portfolio-1gpc <p><em>This is a submission for the <a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31">New Year, New You Portfolio Challenge Presented by Google AI</a></em></p> <h2> About Me </h2> <p>I’m <strong>Suvakovan</strong>, a developer focused on clean UI, performance, and minimal tooling.<br><br> This portfolio reflects my interest in terminal-inspired interfaces and lightweight, framework-free web development.</p> <h2> Portfolio </h2> <div class="ltag__cloud-run"> <iframe height="600px" src="https://cyber-portfolio-359231601463.us-central1.run.app/"> </iframe> </div> <p>Live URL:<br><br> <a href="https://cyber-portfolio-359231601463.us-central1.run.app/" rel="noopener noreferrer">https://cyber-portfolio-359231601463.us-central1.run.app/</a></p> <h2> How I Built It </h2> <ul> <li>HTML5 </li> <li>CSS3 (Grid, Flexbox, custom animations, glassmorphism) </li> <li>Vanilla JavaScript </li> <li>Intersection Observer API </li> <li>Deployed on Google Cloud Run </li> </ul> <p>Google AI tools were used to refine layout decisions, accessibility, and performance optimizations.</p> <h2> What I'm Most Proud Of </h2> <ul> <li>Zero-dependency, framework-free implementation </li> <li>Terminal-style boot animation and cyber-themed design </li> <li>High Lighthouse scores across performance and accessibility </li> <li>Clean Cloud Run deployment with embedded live preview</li> </ul> googleaichallenge devchallenge portfolio gemini suvakovan S Fri, 30 Jan 2026 06:20:15 +0000 https://dev.to/si326/cyber-portfolio-terminal-inspired-developer-portfolio-dlo https://dev.to/si326/cyber-portfolio-terminal-inspired-developer-portfolio-dlo <p><em>This is a submission for the <a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31">New Year, New You Portfolio Challenge Presented by Google AI</a></em></p> <h2> About Me </h2> <p>I’m <strong>Suvakovan</strong>, a frontend-focused developer interested in performance, clean UI, and minimal dependencies.<br><br> This portfolio is designed to showcase my skills and projects using a terminal-inspired, cyber-themed interface while keeping the implementation simple and efficient.</p> <h2> Portfolio </h2> <div class="ltag__cloud-run"> <iframe height="600px" src="https://cyber-portfolio-359231601463.us-central1.run.app/"> </iframe> </div> <p>Live URL:<br><br> <a href="https://cyber-portfolio-359231601463.us-central1.run.app/" rel="noopener noreferrer">https://cyber-portfolio-359231601463.us-central1.run.app/</a></p> <h2> How I Built It </h2> <p><strong>Tech stack</strong></p> <ul> <li>HTML5</li> <li>CSS3 (Grid, Flexbox, custom animations)</li> <li>Vanilla JavaScript</li> <li>Intersection Observer API</li> <li>Google Cloud Run for deployment</li> </ul> <p><strong>Design choices</strong></p> <ul> <li>Terminal boot animation for entry</li> <li>Cyberpunk color palette (#00FF8C, #00D9FF)</li> <li>Glassmorphism cards</li> <li>Scroll-based animations</li> <li>Fully responsive layout</li> </ul> <p>Google AI tools were used to refine layout decisions, improve accessibility, and optimize performance.</p> <h2> What I'm Most Proud Of </h2> <ul> <li>Framework-free implementation with zero dependencies</li> <li>High Lighthouse scores across performance and accessibility</li> <li>Clean deployment and embedding using Google Cloud Run</li> <li>A complete portfolio covering skills, experience, projects, and contact</li> </ul> googleai portfolio webdev cloudrun