Skip to content

README.md

Latest commit

 

History

History
19 lines (14 loc) · 1.32 KB

README.md

File metadata and controls

19 lines (14 loc) · 1.32 KB
Raw

Said Elhefny — Software Developer Portfolio

Live Website: XcharizardY.github.io

A personal portfolio website designed to mimic the interface of Visual Studio Code. This project was built entirely within a single HTML file to demonstrate clean architecture, utilizing embedded CSS and vanilla JavaScript without relying on any external libraries or frameworks.

Features

  • Interactive IDE Theme: Features a functional file explorer sidebar and top tab navigation that switches between sections (about.md, projects.js, skills.json, contact.txt).
  • Dynamic Gutter System: Vanilla JavaScript is used to dynamically generate line numbers based on the length of the active content section.
  • Responsive Design: Automatically adapts to mobile and tablet screens by collapsing the file tree sidebar and adjusting layout padding.

Tech Stack

  • Single-File Architecture: The entire application is efficiently housed within one index.html file.
  • HTML5: Semantic structure and custom SVG icons.
  • CSS3 (Embedded): Flexbox, Grid, custom animations, responsive media queries, and CSS variables.
  • Vanilla JavaScript (Embedded): DOM manipulation, state management, and event handling.

Deployment

This repository is configured to deploy automatically via GitHub Pages.