I built a portfolio template with a built-in admin panel — here's why and how

#webdev #javascript #html #portfolio

The problem
Every time I wanted to update my portfolio, I had to go through the same painful loop:

-Open VSCode
-Hunt down the right file
-Edit the data manually
-Push to GitHub
-Wait for the deploy

For a simple text change. That's insane.
I wanted a portfolio I could update in 10 seconds from anywhere — without touching a single line of code.

What I built

PortfolioKit is a 3-file template (HTML/CSS/JS) with a full admin panel built right into the page.

Press Ctrl+Shift+A, enter a password, and a sidebar opens where you can edit everything live:

Name, bio, title, email
Projects (title, description, tags, image, link, year)
Skills and social links
Color theme
Dark/light mode

Every change auto-saves to localStorage. Nothing gets lost, nothing gets sent to a server.

Technical choices

No framework. Pure HTML/CSS/JS. I wanted something anyone could open in a browser and deploy anywhere — Netlify Drop, GitHub Pages, or even just locally.

Images stored as Base64. No server, no cloud storage. You upload a photo, it gets encoded and saved directly in localStorage with the rest of your data.

Export/import as JSON. Want to move to a new computer? Export your data as a JSON file, import it on the other device. Done in 5 seconds.

Password protection. The admin panel is hidden behind a password stored in localStorage. Not bulletproof security, but enough to keep random visitors from editing your portfolio.