Skip to content

JSamuelAP/JSamuelAP.github.io

Repository files navigation

Portafolio JSamuel

Sitio web estático para mostrar mis habilidades y darme a conocer como desarrollador web.

Captura de pantalla de la página principal

🔎 Demo

https://jsamuelap.github.io/

✨ Características

  • Responsivo
  • Minimalista
  • Descripción y datos de contacto
  • Habilidades tecnológicas
  • Historial laboral
  • Proyectos
  • Historial académico

🧰 Stack

Frontend

Astro TypeScript Tailwind CSS DaisyUI

Herramientas

Prettier ESLint Vitest Commitlint Lint-staged Husky GitHub Actions GitHub Pages

🗂️ Estructura del proyecto

jsamuelap.github.io/
├── .github/
│   └── workflows/                      # Flujos de trabajo de GitHub Actions
|       └── ci.yml                      # Integración continua para los pull requests
|       └── deploy.yml                  # Despliegue en GitHub Pages
├── public/
│   └── favicon.svg                     # Favicon del sitio
│   └── CV-Jose-Samuel-Aldana-Perez.pdf # Curriculum
├── src/
│   ├── assets/                         # Recursos gráficos
│   │   └── images/
|   |       └── projects/               # Miniaturas de la sección Proyectos
|   |       └── skills/                 # Iconos de las tecnologías de la sección Habilidades
|   |       └── jsamuel-logo.svg        # Logo principal
│   ├── components/
│   │   ├── BottomNavbar.astro          # Dock para pantalla mobile
│   │   ├── CardProject.astro           # Tarjeta de proyecto
│   │   ├── Education.astro             # Sección Educación
│   │   ├── Experience.astro            # Sección Experiencia
│   │   ├── Footer.astro                # Pie de página
│   │   ├── Hero.astro                  # Sección introductoria
│   │   ├── Navbar.astro                # Barra de navegación para pantallas grandes
│   │   |── Projects.astro              # Sección Proyectos
│   │   ├── SectionContainer.astro      # Layout y encabezado para las secciones
│   │   ├── Skill.astro                 # Logo y texto para las tecnologías de la sección Habilidades
│   │   └── Skills.astro                # Sección Habilidades
│   ├── config/
│   │   |── education.ts                # Datos del historial académico
|   |   |── experience.ts               # Datos del historial laboral
|   |   |── navigation.ts               # Items del menu de navegación
|   |   |── projects.ts                 # Datos de los proyectos
|   |   └── skills.ts                   # Tecnologías y habilidades
│   ├── layouts/
│   │   └── BaseLayout.astro            # Layout principal
│   ├── pages/
│   │   └── index.astro                 # Página principal
│   ├── styles/
│   │   └── global.css                  # Estilos globales y configuración de Tailwind y DaisyUI
│   └── utils/
│       └── utils.astro                 # Funciones de utilidad
├── tests/                              # Pruebas unitarias
├── .lintstagedrc                       # Configuración de lint-staged
├── .prettierignore                     # Archivos y carpetas ignorados por Prettier
├── .prettierrc                         # Configuración de Prettier
├── astro.config.mjs                    # Configuración de Astro
├── commitlint.config.js                # Configuración de commitlint
├── eslint.config.js                    # Configuración de ESLint
├── package.json                        # Dependencias y scripts
└── tsconfig.json                       # Configuración deTypeScript

💻 Desarrollo local

Clonar el repositorio

git clone https://github.com/JSamuelAP/JSamuelAP.github.io.git

Ir al directorio

cd JSamuelAP.github.io

Instalar dependencias

npm install

Iniciar el servidor de desarrollo de Astro

npm run dev

Otros scripts

Compilar proyecto y visualizarlo

npm run build
npm run preview

Analizar código con ESLint y arreglarlo

npm run lint

Formatear con Prettier

npm run format

Ejecutar todos los tests

npm test

Ejecutar tests en modo desarrollo

npm run test:watch

Ejecutar ESLint y Prettier sobre los archivos en el stage

npx lint-staged

Probar si un mensaje de commit sigue las reglas de conventional commits

echo "test messages here" | node_modules/.bin/commitlint

🔗 Contacto

linkedin badge

github badge

email badge

⚖️ Licencia

El código fuente de este proyecto está licenciado bajo la licencia MIT.

Todos los recursos visuales (logotipos, imágenes, capturas de pantalla, marca personal) NO están cubiertos por esta licencia y no pueden reutilizarse sin permiso explícito.