Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/giangartun/Tis-GOAT-Frontend/llms.txt

Use this file to discover all available pages before exploring further.

Your portfolio is the public-facing page that showcases everything that defines you professionally — your profile photo, biography, skills, projects, and work history. Visitors can discover your portfolio through the home discovery feed, and you can share a direct link at any time. The template you choose controls how all of this content is arranged and presented.

​
Portfolio Templates

GOAT Portfolio includes three distinct layout templates. You can switch between them at any time from the customization page without losing any data.
The Bento template uses a card-grid layout inspired by modern dashboard UIs.
  • Hero section — Full-width header card displaying your profile photo, name, biography, social links, and a row of chip badges showing your top skills (sorted by proficiency level, top 4 shown).
  • Featured projects — A three-column grid showing up to three projects. Each card has a cover image area, a project number badge, the project name, description, technology tags, and a link to the repository.
  • Work experience section — A two-column grid of experience cards, each showing the date range, role, company, and description.
  • A footer CTA at the bottom of the page contains a Download CV button to generate a PDF of your portfolio.

​
Changing Your Template

Navigate to /personalizacion-portafolio to change your active template.
  1. The page fetches the available templates from GET /api/plantillas/catalogo and displays the three options (Bento, Sidebar, Editorial) as visual preview cards.
  2. Click the card for the template you want. The selected card becomes highlighted with a blue border and ring.
  3. Click Apply Changes. This sends:
PATCH /api/portafolio/actualizar-plantilla
Authorization: Bearer <token>
Content-Type: application/json

{
  "id_plantilla": "<template_id>"
}
The three template IDs currently in use are:
TemplateID
Bento01KQR862E61WHCR4HK8PZVPF91
Sidebar01KQR8685VJ6E9KY278ABW3AZZ
Editorial01KQR869F2CJPHC6446XFVSJAD
After saving, the new template ID is also persisted to localStorage under portafolio_plantilla so the portfolio page renders correctly without a round-trip if the API response is delayed.

​
Viewing Your Portfolio

Navigate to /portafolio to see your portfolio as it will appear to visitors.
The portfolio page requires a valid Bearer token in localStorage. If no token is found, or if the token is expired (HTTP 401), you are automatically logged out and shown an error. Always ensure you are logged in before navigating to /portafolio.
The page calls: 
GET /api/portafolio/completo
Authorization: Bearer <token>
The response contains your full portfolio data — user info, portfolio settings (including the active template), skills, projects, work experience, academic experience, and professional network links. Only items with visible: true (or visible: 1) are rendered in the final layout. The component then selects the correct template component (Bento, Sidebar, or Editorial) based on the plantilla.nombre field from the API response.

​
PDF Export

For the best PDF output, make sure your biography and project descriptions are complete before downloading. The PDF captures your portfolio data at the time the button is clicked — it does not require a page reload to reflect recent edits, as long as the data is already loaded in memory.
Click the Download CV button in the footer CTA section at the bottom of any portfolio template to generate and download a PDF copy of your portfolio. The button is disabled while the PDF is generating to prevent duplicate downloads. The filename includes your full name. Click the Public Links button — available in the Bento header, the Sidebar’s left panel, and the Editorial header — to open a modal listing all publicly visible links associated with your portfolio:
  • Your portfolio website URL (enlace_pagi_web from the portfolio record)
  • All professional network links (LinkedIn, GitHub, etc.) that have visible: true
Each link is displayed as a clickable card. In the public portfolio view the modal also includes Copy and Open buttons for each link.

​
Public Discovery

Your portfolio appears in the home page discovery feed when your portfolio visibility is set to public. The feed fetches profiles from: 
GET /api/portafolios/publicos
Visitors on the home page can filter the feed by professional area and use the search bar to find portfolios by name, skills, or location. Clicking any profile card navigates to the corresponding public portfolio page at /perfil-publico/:id, which renders your chosen template without requiring the visitor to be logged in.

Build docs developers (and LLMs) love

Get started for freeTalk to us