🖥️ Ramzy KEMMOUN - Portfolio

<div align="center">

A unique VS Code-inspired portfolio that showcases my work as an interactive code editor experience.

Live Demo • GitHub

</div>

---

✨ Features

• VS Code UI - Authentic IDE experience with sidebar, tabs, terminal, and file explorer
• Monaco Editor - Real syntax highlighting with multiple themes
• AI Chat Assistant - Interactive AI panel powered by Hugging Face
• Multiple Themes - Cursor, One Dark Pro, Dracula, Tokyo Night, and more
• Fully Responsive - Optimized for desktop, tablet, and mobile
• 3D Elements - Three.js powered visuals with Threlte

🛠️ Tech Stack

| Category | Technologies | | --------------- | -------------------------- | | Framework | SvelteKit 2, Svelte 5 | | Styling | TailwindCSS 4, Skeleton UI | | Editor | Monaco Editor | | 3D Graphics | Three.js, Threlte | | AI | Hugging Face Inference | | Testing | Vitest, Playwright | | Docs | Storybook |

🚀 Quick Start

# Clone the repository
git clone https://github.com/ramzykemmoun/portfolio.git
cd portfolio

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

📁 Project Structure

src/
├── lib/
│   ├── components/
│   │   ├── Agent/        # AI chat panel
│   │   ├── Editor/       # Code editor & sections
│   │   ├── Navbar/       # Top navigation bar
│   │   ├── Sidebar/      # File explorer & panels
│   │   └── Terminal/     # Terminal component
│   ├── data/
│   │   └── sections/     # Portfolio content data
│   └── stores/           # Svelte stores
├── routes/
│   └── themes/           # Editor themes
└── stories/              # Storybook stories

🎨 Available Themes

• Cursor (Default)
• One Dark Pro
• Dracula
• GitHub Theme
• Tokyo Night
• Catppuccin
• Monokai
• Nord
• Night Owl
• Solarized Dark
• Cobalt2

📱 Responsive Breakpoints

| Screen | Behavior | | ----------------------- | ---------------------------------------------- | | Desktop (>1024px) | Full layout with sidebar, editor, and AI panel | | Tablet (768-1024px) | Collapsed agent panel | | Mobile (<768px) | Bottom navigation, full-width editor |

📄 License

MIT © Ramzy KEMMOUN

---

<div align="center">

Built by Ramzy KEMMOUN and FREE PALESTINE!!!

</div>