A unique VS Code-inspired portfolio that showcases my work as an interactive code editor experience.
- 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
| 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 |
# 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 buildsrc/
├── 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
- Cursor (Default)
- One Dark Pro
- Dracula
- GitHub Theme
- Tokyo Night
- Catppuccin
- Monokai
- Nord
- Night Owl
- Solarized Dark
- Cobalt2
| 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 |
MIT © Ramzy KEMMOUN
Built by Ramzy KEMMOUN and FREE PALESTINE!!!