Developer Builds VS Code-Inspired Portfolio with Cinematic Boot Sequence
Ahmad Akmal, a Malaysia-based software developer with a multimedia background, built a portfolio website designed to resemble a fully functional IDE rather than a conventional developer portfolio. The project uses React, Next.js, Tailwind CSS, GSAP, and dotLottie to deliver a cinematic loading experience where the screen splits open to reveal a VS Code-style workspace. A file-tree sidebar serves as the site's primary navigation, dynamically swapping content panes when files like about.html or projects.js are selected. The mobile experience was specifically engineered to auto-collapse the sidebar the moment a file is clicked, preventing navigation from obscuring content. The site is deployed on Vercel with a custom .dev domain, leveraging its edge network and serverless infrastructure for fast, automated builds.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in