VS code Portfolio

An interactive developer portfolio inspired by the Visual Studio Code interface, built with React, TypeScript, Vite, and Tailwind CSS.

The project delivers a realistic VS Code experience inside the browser, combining a code editor, file explorer, live preview, and customizable themes to showcase skills and projects in a unique, developer-focused way.

The portfolio is fully responsive and optimized for performance, offering a smooth experience across desktop, tablet, and mobile devices. It supports multiple popular editor themes, real-time syntax highlighting, and a split view that displays both code and live previews simultaneously.

Designed with scalability and customization in mind, all portfolio content (profile, projects, skills, and contact information) can be easily updated from a centralized data file, making it ideal for developers who want a standout, modern personal portfolio.

Key highlights:

VS Code–inspired UI with tabs, sidebar, status bar, and editor layout

Built using modern front-end technologies (React + TypeScript + Vite)

Fully responsive and performance-optimized

Multiple editor themes and customizable settings

Live preview with real-time syntax highlighting

Clean, modular architecture for easy extension and maintenance

This project demonstrates strong skills in modern front-end development, UI/UX design, performance optimization, and component-based architecture, while delivering a creative and memorable portfolio experience.