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.
The profile page (/perfil) is a tabbed interface that lets you manage every aspect of your professional identity. It is divided into five tabs, each handling a specific category of information. All changes made here are reflected on your public-facing portfolio.
Personal Data
Skills
Professional Links
Academic Experience
Work Experience
Personal Data Tab
The Personal Data tab is where you update your profile photo and biography.Click Edit Profile Data to open the personal data modal. Inside you can:
- Upload a profile photo — Click the camera button to open a file picker, select any image file, and preview it before saving. The image is sent to
POST /api/usuario/foto as multipart/form-data with a foto field.
- Edit your biography — Write a short bio (up to 500 characters) in the text area. A live character counter (
n/500) is shown below the field.
After saving, your updated photo URL and biography are persisted back to localStorage under usuario so the sidebar and header reflect the changes immediately without a page reload.Skills Tab
The Skills tab organizes your abilities into hard skills (technical) and soft skills (interpersonal).Each skill has a visibility toggle that controls whether it appears on your public portfolio. You can add a skill privately and make it visible later from this tab or from the Privacy page.
GET /api/habilidad to fetch your existing skills. The skills are grouped by category and displayed as progress bars (hard skills) or badge chips (soft skills).Adding a Skill
Click Add Skill to open the skill modal:
- Choose the skill type — Select Hard Skill (technical) or Soft Skill.
- Select a category (hard skills only) — Pick one of the available categories from the dropdown.
- Pick the skill name — The name dropdown is populated based on the selected type and category.
- Set the proficiency level (hard skills only) — Use the slider to set a value from 0 to 100. Soft skills always default to 100.
- Toggle visibility — Enable or disable public visibility.
- Click Save. This calls
POST /api/habilidad with the token.
To remove a skill, hover over it and click the trash icon that appears, then confirm the deletion. This calls DELETE /api/habilidad/:id.Hard Skill Categories
The following categories are available when adding a hard skill:
- Lenguajes de Programación
- Desarrollo Web Frontend
- Desarrollo Web Backend
- Desarrollo Móvil
- Bases de Datos
- Frameworks y Librerías
- DevOps / Infraestructura
- Cloud Computing
- Seguridad Informática
- Inteligencia Artificial / Data Science
- Testing / QA
- Herramientas de Diseño
Available Soft Skills
The following soft skills are available in the soft skills dropdown:Trabajo en equipo, Liderazgo, Comunicación, Resolución de problemas, Adaptabilidad, Pensamiento crítico, Gestión del tiempo, Creatividad, Inteligencia emocional, Proactividad, Empatía, Negociación, Toma de decisiones, Gestión del estrés, Orientación a resultados.Professional Links Tab
The Professional Links tab lets you connect your profiles from popular developer and professional platforms.Click Add Link to open the link modal:
- Select the platform from the dropdown.
- Enter your username — the base URL is shown as a non-editable prefix, and you type only your username or profile handle.
- Click Save. The full URL is constructed as
<base_url><username> and sent to POST /api/redes-profesionales with the following body:
{
"id_usuario": "<current_user_id>",
"nombre_red": "<platform_key>",
"url_red": "<base_url><username>"
}
nombre_red value is the platform name lowercased with spaces and slashes removed (e.g. "twitter / x" becomes "twitterx").Supported platforms and their base URLs:| Platform | Base URL |
|---|
| LinkedIn | https://www.linkedin.com/in/ |
| GitHub | https://github.com/ |
| GitLab | https://gitlab.com/ |
| LeetCode | https://leetcode.com/ |
| HackerRank | https://www.hackerrank.com/ |
| Kaggle | https://www.kaggle.com/ |
| Instagram | https://www.instagram.com/ |
| Facebook | https://www.facebook.com/ |
| Twitter / X | https://x.com/ |
DELETE /api/redes-profesionales/:id.Academic Experience Tab
The Academic Experience tab stores your educational background.Click Add Academic Experience to open the academic experience modal and fill in:
- Institution — Name of the university, school, or training program.
- Degree / Title — e.g. “Bachelor of Computer Science” or “Full-Stack Bootcamp Certificate”.
- Description — Optional notes about the program, specialization, or accomplishments.
- Start date — Required, in
YYYY-MM-DD format.
- End date — Optional. Leave blank for ongoing education.
- Evidence files — Attach supporting documents (PDFs, certificates, diplomas).
Saving calls POST /api/experiencia-academica. Editing an existing record calls PUT /api/experiencia-academica/:id. Deleting calls DELETE /api/experiencia-academica/:id.Evidence files are uploaded to POST /api/proyecto/evidencias/subir with multipart/form-data fields archivo and id_academica. Uploaded files appear as downloadable attachments on the experience card.Work Experience Tab
The Work Experience tab records your professional history.Click Add Work Experience to open the work experience modal and fill in:
- Company — Name of the employer or client.
- Role / Position — Your job title (e.g. “Frontend Developer”).
- Description — Summary of responsibilities and achievements.
- Start date — Required, in
YYYY-MM-DD format.
- End date — Optional. Leave blank for your current position.
- Evidence files — Attach supporting documents (reference letters, certificates, etc.).
Saving calls POST /api/experiencia-laboral. Editing calls PUT /api/experiencia-laboral/:id. Deleting calls DELETE /api/experiencia-laboral/:id.Evidence files are uploaded to POST /api/proyecto/evidencias/subir with multipart/form-data fields archivo and id_laboral.