A portfolio website inspired by the interface of Visual Studio Code.
- Clone the repository
git clone https://github.com/ImEasooon/vscode-portfolio.git- Navigate to the project folder
cd vscode-portfolio- Install dependencies
npm install- Start the development server
npm run dev- Open the local development URL shown in the terminal (usually
http://localhost:5173) in your browser.
- VS Code Inspired UI – File explorer, tabs and editor layout
- Interactive Navigation – Browse sections like files in an IDE
- Skills Display – Technologies shown with developer icons
- Projects Showcase – Highlight internship, job and personal projects
- Responsive Design – Works on desktop and mobile devices
- Social Links – Quick access to GitHub, LinkedIn and contact info
VSCode-Portfolio
│
├── assets/ # Profile and Project Image
├── content/ # Main Content in Editor Area
├── data/ # Portfolio data (e.g. info, projects)
└── index.html # Main application entry
To personalize the portfolio:
- Edit profile information
- Update projects data
- Modify skills list
- Replace profile and project image
Most editable content is stored in the data files, making it easy to maintain.
- This project is licensed under the MIT License.