Folio Portfolio Template Generator

Modern, no code portfolio builder for developers, featuring live GitHub contribution tracking, real-time theme editing, and analytics dashboard for visitor insights.

Date

2026

Type

Web Apllication

Client

Forge LLC

Technologies

TYPESCRIPTTAILWIND CSSNODENEXT.JSEXPRESS JSMONGO DB

Description

I engineered Folio, a portfolio building platform for developers and creatives, using a TypeScript, Next.js, and Tailwind CSS frontend paired with a Node.js and Express backend, and MongoDB for data storage and authentication. The platform gives users a live, no code editor where they can drag and drop sections, switch between 30+ themes in real time, and publish to a custom domain without touching a line of code. A core feature is native GitHub integration, which pulls in real contribution data to power live streak counters and contribution calendars directly on a user's public portfolio. I also built out an analytics dashboard so users can track page views, unique visitors, and referrer sources, giving them visibility into which platforms (Discord, GitHub, LinkedIn, Twitter) are driving traffic to their profile. To support discovery and sharing, I implemented rich Open Graph embeds so portfolio links render as full previews when shared in Discord, Slack, or social platforms, along with an SEO optimised public portfolio page. The platform also includes a template marketplace with multiple starting themes (Minimal, Editorial, Lavender, Cream), a tiered pricing model with free and Pro plans, and a dashboard experience that lets users manage projects, experience, design, and social links from a single place.

Folio Portfolio Template Generator screenshot 1
Folio Portfolio Template Generator screenshot 2
Folio Portfolio Template Generator screenshot 3