Imagine Wild. I'll Compile. — I Built a Self-Hosted Portfolio System with Built-In UI/UX Audit

May 16, 2026 · 7:08 AM UTC ·2 min read · 0 reactions · 0 comments · 32 views

#web development #portfolio #javascript #ui/ux #self-hosting #Kaludurage Sithara Nimsara #Sri Lanka #GitHub Pages #Vercel #knight_dragon_x

Imagine Wild. I'll Compile. — I Built a Self-Hosted Portfolio System with Built-In UI/UX Audit

TL;DR · WeSearch summary

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.

Key facts

▪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.

About this source

DEV.to (Top) files mainly under programming. We currently carry 4,924 of its stories.

All DEV.to (Top) coverage →

Original article

DEV.to (Top)

Read full at DEV.to (Top) →

Story provenance

Source · retrieval · rights · ranking — open for full record

inspect →

Attribution is not the same as permission. This drawer separates discovery metadata, excerpts, WeSearch-generated summaries, reuse status, and whether the publisher receives the visit. Nothing here claims a legal grant the publisher has not made.

Record

Original publisher	DEV.to (Top)
Canonical URL	https://dev.to/knigh_dragon_x/imagine-wild-ill-compile-i-built-a-self-hosted-portfolio-system-with-built-in-uiux-audit-4h55
Publication time	Sat, 16 May 2026 07:08:57 +0000
Retrieval time	2026-05-16T07:40:17.734Z
Last seen	2026-05-16T07:40:17.734Z
Headline source	Publisher (no WeSearch rewrite)
Excerpt source	publisher body
Excerpt method	First ~120 words (~800 chars) of extracted publisher body, fair-use limited.
Summary	WeSearch · cerebras-chat (WeSearch summarizer)
Summary source text	contentText
Citation coverage	Summary is a WeSearch-generated derivative; primary citation is the original publisher URL.
Cluster	XrtGgRLgN_FG
Cluster logic	Grouped by semantic title/content similarity across sources within a rolling window. Same-publisher template collisions are excluded from coverage comparison.
Ranking reason	Story pages are not engagement-ranked. Hub feeds use recency, with optional source-diversified chronological ordering (cap consecutive stories per source). No personalized ranking.
Publisher visit	Yes — open original
Substitutes article?	No — link-out required for full text

Rights status (four layers)

Publisher-declared

No publisher-confirmed rights record for this source yet.

Machine-readable

No source-specific machine-readable restriction detected beyond the public feed.

WeSearch interpretation

WeSearch declared handling (basis: Derived from the published RSS/Atom feed). This is WeSearch policy, not a legal grant on the publisher's behalf.

Unknown

Retrieval and training permissions are not asserted unless the publisher confirms them.

WeSearch handling by dimension

Indexing	May the item be indexed (stored, ranked, made findable)?	Allowed
Snippet	May a short excerpt of the publisher's text be shown?	Allowed
AI summary	May WeSearch generate its own short summary of the article?	Limited
Retrieval / RAG	May the content be exposed for third-party retrieval-augmented generation?	Not asserted
Model training	May the content be used to train AI models?	Not asserted
Commercial reuse	May the content be reused commercially?	Not permitted

Basis: Derived from the published RSS/Atom feed. Contact: [email protected]. Reviewed: 2026-07-24.

Open original publisher → Source rights JSON → Machine-readable provenance → Rights framework → WESEARCH-STORY-PROVENANCE-V1

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).

Anonymous · no account needed

Discussion

0 comments