Portfolio
🚀 AI-Powered Portfolio Platform

Your portfolio.
With AI superpowers.

Portfolio Platform is the complete solution to showcase projects, generate automatic AI demo videos, create multi-voice podcasts, manage content and much more — all in one Next.js + NestJS platform.

PT/EN
Multilingual
5
Docker Services
12+
Admin Tools
IA
Local & Cloud
📊 Overview

Everything you need to showcase and sell your projects

Built for developers and content creators who need a professional showcase with integrated AI tools for content production, demos and presentations.

🌐
Portfólio Multilingual
Public site in Portuguese and English with automatic language switching and independent routes for SEO.
🎞️
AI Video Studio
Automatically generates demo videos from any web app with Puppeteer + FFmpeg + TTS narration.
🎙️
Multi-Voice Podcast
Create podcasts with multiple speakers using Edge-TTS (Azure) or Piper (offline) with natural voices.
💬
Context-Aware AI Chat
Local Ollama with ingested sources (URLs, texts, PDFs) and notebooks as context for intelligent conversations.
🎬
Power Editor
Audio/video transcription with Whisper, TTS voice synthesis and AI content analysis.
📁
Management de Projects
Full project CRUD with bilingual title and description, categories, thumbnails, URLs and featured flag.
📓
AI-Powered Notebooks
Organize ideas, research and notes with integrated AI assistance for analysis and summarization.
📄
HTML → PDF
Convert any HTML content into professional PDF documents directly from the admin panel.
🌐 Public Site

Professional portfolio in two languages

The visitor arrives at the homepage and chooses the language. The site fully adapts to Portuguese or English, with independent URLs for SEO and completely localized content.

Narration: "Portfolio Platform starts with language selection — the visitor chooses between Portuguese and English. From there, they browse a modern portfolio with Framer Motion animations, responsive project cards and category filters. Each project has a complete detail page with description, features, technologies used and links to demo and GitHub."
Home Language Selection
🏠 Language Selection — Homepage
Portfolio PT
🇵🇹 Portfolio in Portuguese
Portfolio EN
🇬🇧 Portfolio in English
PT/EN
Supported languages
next-intl integrated
SSR
Server-Side Rendering
Next.js 14 App Router
100%
Responsive
Mobile, tablet, desktop
SEO
Optimized
Meta tags and structured data
📂 Project Details

Each project with a complete page

Each project has a rich detail page with full description, feature list, technologies, links to demo and GitHub, thumbnail and demo video.

Narration: "When clicking a project, the visitor accesses a complete detail page. Here they see the full project description, all features in bullet points, the technologies used, and direct buttons to try the demo and see the code on GitHub. The content is completely bilingual — switches language with one click."
Project Detail PT
📋 Project Detail — Portuguese
Project Detail EN
📋 Project Detail — English
Project Detail 2
📋 Second Project — Full View
📝
Bilingual Title
Independent short and long title and description in PT and EN managed by the admin.
⚙️
Technology Stack
Badges with all technologies used in the project — Python, React, Docker, etc.
🔗
Direct Links
Buttons for live demo, GitHub repository and project demo video.
🖼️
Thumbnail & Video
Cover image and integrated demo video player on each project page.
🏠 Admin Panel

Complete admin panel with 12 tools

The administration panel centralizes all production, intelligence and management tools in a modern interface with navigable sidebar.

Narration: "The Portfolio Platform admin panel is a complete SPA with navigation sidebar. Upon entering, the administrator sees the dashboard with portfolio statistics — total number of projects, how many are featured and how many categories exist. From here they have quick access to all 12 platform tools."
Admin Dashboard
📊 Admin Dashboard — Overview
3
Projects no Portfólio
Added via CRUD
2
Featured
Featured flag active
2
Categories
AI & Web Development
12+
Admin Tools
Production, IA, Management

Admin Panel Structure

🧠
INTELLIGENCE
  • AI-Powered Notebooks
  • Sources & Context
  • AI Chat (Ollama)
🎬
PRODUCTION
  • Video Studio
  • Multi-Voice Podcast
  • Power Editor
  • TTS Narrations
📁
MANAGEMENT
  • Projects CRUD
  • HTML → PDF
  • AI Settings
  • Documentation
🧠 AI Intelligence

Local AI with custom context

Notebooks, context sources and AI chat with Ollama — all integrated so you can work with AI using your own data as context.

Narration: "The Portfolio Platform intelligence module has three integrated tools: Notebooks are used to organize ideas and notes with AI assistance; Sources allow ingesting URLs, texts and files as context; and AI Chat uses local Ollama for intelligent conversations that have access to all added notebooks and sources."
Admin Notebooks
📓 AI-Powered Notebooks
Admin Sources
📂 Sources & Context
Admin Chat IA
💬 AI Chat (Ollama)
📓
Notebooks
Create and organize notes with AI for automatic content analysis, summarization and expansion.
📂
Sources & Context
Ingest URLs, texts and documents that become available as context for AI Chat.
💬
Chat IA
Based on Ollama (qwen3, llama3) with context from your sources and notebooks for precise answers.
🔌
100% Local
LLM models run locally — no API costs, no data leaving your infrastructure.
🎬 Ferramentas de Production

Create professional content with one click

Video Studio, Multi-Voice Podcast, Power Editor e Narrações — ferramentas completas para produzir demos, podcasts, transcrições e narração com vozes naturais.

Narração: "As ferramentas de produção são o coração da plataforma. Com o Video Studio podes gerar um vídeo demo de qualquer aplicação web automaticamente — o sistema usa Puppeteer para capturar screenshots, FFmpeg para compor o vídeo, e TTS para narração. O Multi-Voice Podcast permite criar episódios com múltiplos locutores. O Power Editor transcreve áudio com Whisper e o módulo de Narrações gera frases reutilizáveis com Piper TTS."
Admin Video Studio
🎞️ Video Studio — Automatic Generation

🎞️ Video Studio

Automatically generate demo videos from any web application. Provide the URL and credentials — the system logs in, captures screenshots of all pages, adds TTS narration and composes the final MP4 video.

  • Puppeteer for automatic screenshots
  • Authentication support (JWT + localStorage)
  • TTS narration with Azure Edge or Piper
  • Video composition with FFmpeg
  • Download the final MP4
  • Real-time SSE stream of progress
Admin Podcast
🎙️ Multi-Voice Podcast
Admin Power Editor
🎬 Power Editor
Admin Narrations
🎤 TTS Narrations
🎙️
Multi-Voice Podcast
Create podcast episodes with multiple speakers. Each speaker has their own independent TTS voice.
🎬
Power Editor
Audio/video transcription with OpenAI Whisper, TTS synthesis and AI content analysis.
🎤
TTS Narrations
Generate and save reusable narrations with Piper TTS (offline) or Edge-TTS (Azure natural voices).
🔊
Natural Voices
Edge-TTS with high-quality Azure voices in PT and EN, or Piper for 100% offline operation.
📁 Management de Conteúdo

Managing projects has never been easier

Full project CRUD with bilingual editor, thumbnail upload, ordering and categorization — plus HTML to PDF conversion.

Narration: "In project management, the administrator creates, edits and removes projects from the portfolio. Each project has bilingual fields for title and description, feature list in PT and EN, technologies, category, demo and GitHub URL, and option to feature in the portfolio. There's also the HTML to PDF converter to quickly generate professional documents."
Admin Projects
📁 Management de Projects (Admin)
Admin CRUD
📋 Portfolio Manager PRO (/admin-crud)
Admin HTML PDF
📄 HTML → PDF Converter

📁 Project Fields

  • Unique title and slug
  • Short and long description (PT and EN)
  • Bilingual feature list
  • Technology tags used
  • Category and listing order
  • Thumbnail upload and video URL
  • Links to demo and GitHub
  • Featured flag in portfolio
⚙️ Settings & AI Editor

Full control over the platform

LLM model settings, integrated documentation and the AI Editor — a dedicated tool for AI-directed content creation.

Admin Settings
⚙️ Settings (AI Model)
Admin Docs
📖 Documentation Integrada
AI Editor
🤖 AI Editor (/ai-editor)
⚙️
AI Settings
Select the active Ollama model (qwen3:4b, qwen3:8b, llama3, etc.) without restarting the platform.
📖
Documentation
Documentation completa da plataforma integrada no admin para referência rápida.
🤖
AI Editor
Video editor with automatic AI direction to create more sophisticated presentations.
📊
Detailed PT Portfolio
Scrolled view of the PT portfolio with project cards, categories and smooth navigation.
Portfolio PT Scrolled
🌐 Portfólio PT — Vista com Projects
🛠️ Technical Stack

Modern and scalable technologies

Next.js 14 + NestJS + Docker Compose — a robust full-stack architecture with 5 containerized services.

Frontend

Next.js 14 React 18 TypeScript 5 Tailwind CSS Framer Motion next-intl react-player lucide-react

Backend

NestJS TypeScript Express Puppeteer FFmpeg Multer node-html-parser

AI Services

Ollama (qwen3/llama3) Edge-TTS (Azure) Piper TTS (offline) Whisper (OpenAI) OpenAI API

Docker Architecture

DOCKER COMPOSE STACK
├── portfolio-frontend → :2999
│ Next.js 14 + React 18
├── portfolio-backend → :3003
│ NestJS + Puppeteer + FFmpeg
├── edge-tts → :10201
│ Azure Neural Voices
├── piper-native → :10200
│ Offline TTS (no internet required)
└── whisper-native → :10300
    Speech-to-Text
🔗
Complete RESTful API
30+ endpoints for projects, presentations, TTS, narrations, AI, settings and upload. SSE for real-time streaming.
🚀 Portfolio Platform

The portfolio that works for you

Bilingual public site, AI admin panel, automatic Video Studio, Podcast, TTS, Whisper transcription and project management — all in one Next.js + NestJS platform with Docker.

🌐
100% Web
Works on any device without installation. Docker Compose for easy deployment.
🤖
Local AI
Ollama + Piper running locally — full privacy and no recurring API costs.
🎞️
Automatic Video
Generate video demos from any app with one click — Puppeteer + FFmpeg + TTS.
🌍
Multilingual
Native PT and EN with next-intl, independent routes and completely localized content.
📦
Modular
Each tool is independent. Use only what you need — Video, Podcast, Chat or CRUD.
🔒
Private
No data in the cloud. All processing runs on your local infrastructure.