Imagine Wild. I'll Compile. — I Built a Self-Hosted Portfolio System with Built-In UI/UX Audit
Kaludurage Sithara Nimsara, a 19-year-old developer from Sri Lanka, created a self-hosted portfolio system built into a single HTML file with no external dependencies. The system features inline editing, local data persistence, export/import functionality, and a built-in UI/UX audit tool that checks for design and accessibility standards. Designed for simplicity and performance, it emphasizes ownership, minimalism, and developer control.
- ▪The portfolio system is contained in a single HTML file and can be hosted anywhere, including GitHub Pages or Vercel.
- ▪It includes an edit mode with inline editing, localStorage persistence under kdx_portfolio_v1, and JSON import/export for backup.
- ▪The built-in audit checks for CTA presence, hero completeness, project count, alt text, color contrast, mobile menu, email validity, and font performance.
- ▪The system uses vanilla JavaScript, a red and black color scheme, and combines glassmorphism with a brutalist grid design.
- ▪It is designed to be hireable, with sections for services, process, and UI/UX audit, targeting both aesthetics and functionality.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 3934336) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } knight_dragon_x Posted on May 16 Imagine Wild. I'll Compile. — I Built a Self-Hosted Portfolio System with Built-In UI/UX Audit #showdev #webdev #portfolio #javascript I’m Kaludurage Sithara Nimsara, aka knight_dragon_x — 19 y/o Vibe Coder + Vibe Hacker from Sri Lanka. My slogan is simple: Imagine wild. I'll compile. Instead of shipping another static portfolio, I built a self-hosted portfolio SYSTEM. One HTML file you own.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
