Este proyecto es un portafolio web profesional diseñado para mostrar logros académicos, certificados, proyectos y actividades profesionales. La aplicación está construida con React, TypeScript y Tailwind CSS, utilizando Vite como herramienta de construcción.
- Clona este repositorio:
git clone https://github.com/username/ProfessionalPortfolio.git
cd ProfessionalPortfolio- Instala las dependencias:
npm install- Inicia el servidor de desarrollo:
npm run dev- Abre http://localhost:5173 en tu navegador para ver la aplicación.
La información personal y profesional se almacena en archivos TypeScript ubicados en la carpeta /src/data/. Cada tipo de datos tiene su propio archivo:
educationData.ts- Información académicacertificationsData.ts- Certificados obtenidosprojectsData.ts- Proyectos realizadosskillsData.ts- Habilidades técnicas
Todos los archivos siguen un formato de arreglo de objetos TypeScript que respetan tipos definidos en el directorio /src/types/portfolio.ts.
Para añadir o editar tu información educativa, modifica el archivo /src/data/educationData.ts:
export const educationData: Education[] = [
{
id: 'edu-3', // Identificador único
institution: 'Tu Universidad', // Nombre de la institución
degree: 'Tu Grado', // Tipo de grado
field: 'Tu Especialidad', // Campo de estudio
startDate: '2023', // Año de inicio
endDate: '2025', // Año de finalización (o 'Presente')
description: 'Descripción de los estudios',// Breve descripción
achievements: [ // Logros notables
'Primer logro',
'Segundo logro'
],
coursework: [ // Cursos relevantes
'Curso 1',
'Curso 2'
],
logo: 'https://ruta-a-tu-logo.jpg' // URL del logo (opcional)
}
];Para añadir nuevos certificados:
-
Asegúrate de tener una imagen o PDF del certificado disponible en línea (puedes usar servicios como Google Drive, Dropbox o subir el archivo a la carpeta
/public/certificates/) -
Edita el archivo
/src/data/certificationsData.tsy añade una nueva entrada:
export const certificationsData: Certificate[] = [
// Certificados existentes...
{
id: 'cert-nuevo', // Identificador único
name: 'Nombre del Certificado', // Nombre del certificado
organization: 'Organización Emisora', // Quien lo emitió
issueDate: 'Enero 2025', // Fecha de emisión
expirationDate: 'Enero 2028', // Fecha de expiración (opcional)
credentialUrl: 'https://url-verificacion.com', // URL para verificar (opcional)
skills: ['Habilidad 1', 'Habilidad 2'], // Habilidades relacionadas
published: true // Visibilidad del certificado
}
];Para añadir un nuevo proyecto a tu portafolio, edita el archivo /src/data/projectsData.ts:
export const projectsData: Project[] = [
// Proyectos existentes...
{
id: 'project-nuevo', // Identificador único
title: 'Nombre del Proyecto', // Título del proyecto
description: 'Breve descripción', // Descripción corta
longDescription: 'Descripción detallada del proyecto y sus objetivos...', // Descripción larga
imageUrl: '/ruta/a/imagen.jpg', // Imagen representativa
technologies: [ // Tecnologías utilizadas
{ name: 'React', color: 'blue' },
{ name: 'TypeScript', color: 'navy' }
],
role: 'Desarrollador principal', // Tu rol en el proyecto
duration: 'Ene 2025 - Mar 2025', // Duración del proyecto
liveUrl: 'https://demo-proyecto.com', // URL del demo (opcional)
repoUrl: 'https://github.com/user/repo', // URL del repositorio (opcional)
features: [ // Características principales
'Característica 1',
'Característica 2'
],
category: 'academic', // Categoría: 'academic', 'personal', 'professional'
lastUpdated: '2025-04-01' // Fecha de última actualización
}
];Las actividades pueden estar relacionadas entre sí mediante sus IDs únicos. Por ejemplo, puedes relacionar un proyecto con un certificado o con estudios realizados en la descripción del proyecto.
Para vincular efectivamente estas entidades, utiliza los IDs como referencia en las descripciones o crea estructuras de datos personalizadas que establezcan estas relaciones.
Si deseas contribuir a este proyecto:
- Haz un fork del repositorio
- Crea una rama para tu función (
git checkout -b feature/amazing-feature) - Realiza tus cambios
- Haz commit de tus cambios (
git commit -m 'Add some amazing feature') - Haz push a la rama (
git push origin feature/amazing-feature) - Abre un Pull Request
Consulta los documentos específicos en la carpeta /docs para obtener información más detallada sobre cada funcionalidad: