VS Code Clone

A responsive front-end clone of Visual Studio Code built using HTML and CSS.
This project replicates the look and feel of the VS Code editor interface, including layout, sidebar, top menu, and editor area.

🌐 Live Demo

👉 Click here to view the deployed project

🚀 Features

• 📁 File explorer sidebar
• 📝 Editor window with tab navigation UI
• 🔧 Custom icons and design matching the original

🛠️ Technologies Used

• HTML5
• CSS3 (Flexbox & Grid)
• Font Awesome (for icons)

📸 Screenshots

📁 Folder Structure

vscode-clone/ ├── index.html ├── style.css ├── images/ │ └── icons, images, fonts, etc.

🧠 Learning Outcome

This project helped me:

• Understand and apply complex layouts with CSS Grid and Flexbox
• Improve UI/UX attention to detail
• Learn how to structure scalable front-end projects

✅ To-Do (Optional)

• Add basic interactivity with JavaScript
• Implement real file tab switching
• Support theme switching (light/dark)

📬 Feedback

If you have suggestions or feedback, feel free to open an issue or contact me!

---

⭐ If you liked this project, give it a star!