A unique VS Code-inspired portfolio that showcases my work as an interactive code editor experience.
| 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 build
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
| 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!!!