Portivo Documentation

Everything you need to build your portfolio and get it live on the internet — from the first step to deployment.

Overview

Portivo is a completely free, browser-based portfolio builder. You fill in your details using an 8-step wizard, pick a theme, customise colors and fonts, then export a ZIP file. The ZIP contains a complete, standalone website you can host anywhere.

Key things to know:

• No sign-up, no login, no account required
• Your data never leaves your browser — it is saved in localStorage on your device
• The exported portfolio is a plain HTML/CSS/JS website — it works on any static host
• 100% free, forever

How to Use Portivo

Building your portfolio takes 4 simple actions:

Wizard Steps — Explained

Step 1 — Personal Information

Fill in your full name, professional title (e.g. "Full Stack Developer"), email, phone, location, and a short bio. You can also add your portfolio URL and GitHub/LinkedIn profile URLs. The bio should be 2–4 sentences that summarise who you are professionally.

Step 2 — Skills

Add your technical skills. Each skill has a name (e.g. "React") and a proficiency level (Beginner / Intermediate / Advanced / Expert). Click "Add Skill" to add more. Drag to reorder. Aim for 6–12 skills — too many looks cluttered.

Step 3 — Projects

Add your portfolio projects. Each project includes a title, description, technologies used, and optional live demo and GitHub repo links. Focus on your best 3–5 projects rather than listing everything.

Step 4 — Experience

Add your work experience entries. Each has a job title, company, location, start/end date, and a description of your responsibilities. Leave the end date empty if it is your current role.

Step 5 — Education

Add your educational background: degree, institution, field of study, and graduation year. Add any relevant certifications here too.

Step 6 — Social Links

Paste your profile URLs for GitHub, LinkedIn, Instagram, Dribbble, Behance, and your personal website. Leave blank any that don't apply — they will not appear on your portfolio.

Step 7 — Theme

Pick from 10 themes. See the Themes page for a visual preview of each one. You can change this any time and immediately see the result in the preview.

Step 8 — Customise

Fine-tune your portfolio with four tabs:

• Colors — 8 color pickers + 6 palette presets for instant styling
• Fonts — choose heading and body font families
• Shape — control button and card border-radius (sharp, rounded, pill)
• Sections — toggle contact form, skills, projects, experience, and education on/off

Preview & Export

Live Preview

Click the eye icon (or "Preview" button) in the builder to open a full-page live preview of your portfolio. Every change you make is reflected immediately.

Downloading the ZIP

Navigate to the Export section (accessible from the preview page). Click "Download Portfolio ZIP". The ZIP file is built entirely in your browser using JSZip — nothing is uploaded to any server.

The ZIP contains:

• index.html — your portfolio's main page
• css/style.css — all styles with your theme colours pre-baked
• js/app.js — the portfolio renderer
• portfolio-data.json — your data in editable JSON format
• README.txt — quick-start guide
• hosting-guide.pdf — Cloudflare deployment walkthrough

Deploying to Cloudflare Pages

Cloudflare Pages is the recommended host for your Portivo portfolio. It is completely free, lightning-fast, and provides a custom .pages.dev domain automatically.

Step-by-step: Cloudflare Pages

Deploying to Hostinger

Hostinger is a popular paid hosting option that also works perfectly with Portivo portfolios. Follow these steps if you have a Hostinger account.

Step-by-step: Hostinger

Alternative: Upload the ZIP directly

Hostinger's File Manager also supports ZIP uploads. You can upload the original portfolio.zip file, right-click it in File Manager, and choose Extract. Then move all extracted files out of any subfolder into public_html.

Other Hosting Platforms

Your portfolio ZIP is a standard static website that works on any host that serves HTML files. Here is how to deploy on other popular platforms:

Adding a Custom Domain

Both Cloudflare Pages and Hostinger support custom domains.

Cloudflare Pages + Custom Domain

1. In your Pages project, click Custom domains tab
2. Click Set up a custom domain
3. Enter your domain (e.g. yourname.com)
4. Follow the DNS instructions to point your domain to Cloudflare Pages
5. If your domain is already on Cloudflare, it auto-configures. If not, add the CNAME record your registrar requires.

Hostinger + Custom Domain

Your Hostinger plan usually comes with a domain. If you bought one separately, point its DNS nameservers to Hostinger's nameservers. Hostinger's support docs cover this in detail.

Updating Your Portfolio

There are two ways to update your portfolio after deployment:

Option A — Edit JSON directly (quick updates)

Open portfolio-data.json in any text editor (Notepad, VS Code). Edit your details, save, then re-upload just that file to your host. The portfolio reads the JSON on every page load, so changes appear immediately.

// portfolio-data.json — example structure
{
  "name": "Your Name",
  "title": "Your Professional Title",
  "bio": "Your bio goes here...",
  "skills": [
    { "name": "React", "level": "Expert" }
  ],
  "projects": [ ... ],
  "experience": [ ... ]
}

Option B — Rebuild in Portivo (for theme/style changes)

1. Open Portivo — your data will be saved in the browser if you used the same device
2. Make your changes
3. Download a new ZIP
4. Upload the new files to your host (replace the old ones)

Frequently Asked Questions

Is Portivo really free?

Yes. Portivo is 100% free with no hidden fees, no premium tier, and no limits. All 10 themes and all features are available to everyone.

Do I need to create an account?

No. Portivo requires no sign-up, no email, and no login. Your data is stored locally in your browser.

What happens if I clear my browser data?

Your saved progress will be lost. To avoid this, export your data as a JSON backup using the "Export JSON" button in the app before clearing browser data.

Can I use Portivo on mobile?

Portivo works in mobile browsers, but we recommend using a desktop or laptop for the best builder experience. The preview and export work on all devices.

Can I add a profile photo?

Yes. In Step 1 (Personal Info), there is an option to upload or link a profile photo. The photo is stored in your localStorage or referenced as a URL.

My portfolio is showing an old version after I re-uploaded files. What do I do?

This is a browser cache issue. Hard-refresh the page: Ctrl + Shift + R (Windows/Linux) or Cmd + Shift + R (Mac). If it still shows the old version, wait 5–10 minutes for the CDN to update.

Can I add Google Analytics or other scripts?

Yes. After downloading the ZIP, open index.html in a text editor and add your analytics script tag in the <head>. Re-upload only index.html.

Can I change the portfolio's colors after deployment without re-exporting?

Yes — edit the :root CSS variables at the top of css/style.css. Each variable like --c-primary controls a colour across the whole site.

Contact & Support