PERSONAL WEBSITE / CMS
Overview
All changes savedPreview website ↗
GET STARTED
Personalise your site
✦
Show, don't just tell.
Upload clear screenshots of your best work. A real project preview helps visitors understand your skills faster than a long description.
A GOOD PORTFOLIO IS ALWAYS A WORK IN PROGRESS.01 / IDENTITY
Profile & about.
Tell visitors who you are and what you enjoy building.
03
Profile photograph
Use a clear, well-lit square portrait for the best result.
JA
JPG, PNG or WebP. Image is resized and stored in this browser for this demo.
02 / YOUR WORK
Projects & images.
Add real work samples, a cover image, project details and a destination link.
Your projects
3 items03 / TOOLKIT
Your growing toolkit.
Organise your skills into groups. One item per line.
04 / CONNECT
Contact & socials.
Help potential clients, collaborators and employers reach you.
05 / CONTROL
Settings & backup.
Keep a copy of your portfolio content and move it between browsers.
Export your content
Download your profile, project descriptions, skills and uploaded images as a JSON backup.
Import a backup
Restore content from a previously exported portfolio JSON file. This replaces the current local content.
Restore starter content
Replace this browser's content with the original starter profile and example projects.
Demo editor PIN
Use this only for the browser-only preview. With the Node.js backend, admin access is controlled by the ADMIN_PASSWORD in .env.
!
Before selling or publishing this as a live service
This static demo stores edits in one browser's local storage. Visitors on other devices will not see those changes. The demo PIN is not security. A production product needs server-side authentication, a database and hosted image storage for each customer account.