{"id":31740417,"url":"https://github.com/armando8a-dev/mi-portafolio","last_synced_at":"2026-05-09T03:31:17.800Z","repository":{"id":316807374,"uuid":"1064413380","full_name":"Armando8a-dev/mi-portafolio","owner":"Armando8a-dev","description":"Portafolio 💼 - Plantilla de mis portafolio personal ","archived":false,"fork":false,"pushed_at":"2025-10-07T16:43:28.000Z","size":382,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"mi-portafolio-v1","last_synced_at":"2025-10-07T18:38:35.922Z","etag":null,"topics":["astro","css","html","javavascript","npm","portafolio-web"],"latest_commit_sha":null,"homepage":"https://armandochoa.com/","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Armando8a-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-26T02:08:43.000Z","updated_at":"2025-10-07T16:43:32.000Z","dependencies_parsed_at":"2025-09-28T14:03:56.836Z","dependency_job_id":null,"html_url":"https://github.com/Armando8a-dev/mi-portafolio","commit_stats":null,"previous_names":["armando8a-dev/mi-portafolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Armando8a-dev/mi-portafolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armando8a-dev%2Fmi-portafolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armando8a-dev%2Fmi-portafolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armando8a-dev%2Fmi-portafolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armando8a-dev%2Fmi-portafolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Armando8a-dev","download_url":"https://codeload.github.com/Armando8a-dev/mi-portafolio/tar.gz/refs/heads/mi-portafolio-v1","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armando8a-dev%2Fmi-portafolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001318,"owners_count":26083040,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astro","css","html","javavascript","npm","portafolio-web"],"created_at":"2025-10-09T10:18:43.132Z","updated_at":"2026-05-09T03:31:17.794Z","avatar_url":"https://github.com/Armando8a-dev.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Portafolio de Armando Ochoa\n\nPortafolio personal bilingüe (Español/Inglés) que combina mis dos especialidades profesionales: **Desarrollo Web** y **Análisis de Datos**. Diseñado para ser rápido, responsivo y mostrar mis habilidades de forma profesional.\n\n## 🌐 Demo en Vivo\n\n**[Ver Portafolio](https://armando8a-dev.github.io/mi-portafolio/)**\n\n---\n\n## ✨ Características Principales\n\n### 🌍 Internacionalización (i18n)\n- ✅ **Soporte bilingüe** completo (Español/Inglés)\n- ✅ **Selector de idioma** intuitivo en el navbar\n- ✅ **URLs localizadas** (`/` para español, `/en` para inglés)\n- ✅ **Traducciones dinámicas** en todos los componentes\n\n### 🎨 Diseño Moderno\n- ✅ **Diseño minimalista** con alternancia de fondos (blanco/beige)\n- ✅ **Componentes modulares** reutilizables\n- ✅ **Totalmente responsivo** (móvil, tablet, desktop)\n- ✅ **Animaciones suaves** y efectos hover\n- ✅ **Paleta de colores** profesional y accesible\n\n### 📱 Secciones del Portafolio\n1. **Hero** - Presentación con llamado a la acción\n2. **Sobre Mí** - Descripción profesional y habilidades técnicas\n3. **Portafolios** - Dos tarjetas para acceder a portafolios especializados:\n   - 📊 **Analista de Datos** → `/data-analyst`\n   - 💻 **Desarrollador Web** → `/web-developer`\n4. **Contacto** - Formulario funcional integrado con Formspree\n\n### 🔧 Funcionalidades Técnicas\n- ✅ **Navegación dinámica** según idioma\n- ✅ **SEO optimizado** con meta tags\n- ✅ **Rendimiento ultra-rápido** gracias a Astro\n- ✅ **Formulario de contacto** funcional\n- ✅ **Favicon personalizado** con iniciales \"AO\"\n- ✅ **Foto de perfil** en el navbar\n\n---\n\n## 🛠️ Tecnologías Utilizadas\n\n### Core\n- **[Astro 5.13.11](https://astro.build/)** - Framework para sitios web ultra-rápidos\n- **JavaScript/TypeScript** - Lenguaje de programación\n- **CSS3** - Estilos con variables CSS y diseño responsive\n\n### Librerías y Herramientas\n- **[astro-i18next](https://github.com/yassinedoghri/astro-i18next)** - Sistema de internacionalización\n- **[i18next](https://www.i18next.com/)** - Framework de traducciones\n- **[Astro Icon](https://github.com/natemoo-re/astro-icon)** - Gestión de iconos SVG\n- **[Formspree](https://formspree.io/)** - Backend para formulario de contacto\n\n### Despliegue\n- **GitHub Pages** - Hosting gratuito y confiable\n\n---\n\n## 📁 Estructura del Proyecto\n\n```\nmi-portafolio/\n├── public/\n│   ├── favicon.svg                 # Icono del sitio\n│   └── locales/                    # Archivos de traducción JSON\n│       ├── es/translation.json\n│       └── en/translation.json\n├── src/\n│   ├── assets/\n│   │   └── images/\n│   │       └── profile.jpg         # Foto de perfil\n│   ├── components/\n│   │   ├── About.astro             # Sección \"Sobre Mí\"\n│   │   ├── Contact.astro           # Formulario de contacto\n│   │   ├── DataProjectCard.astro   # Tarjeta de proyecto de datos\n│   │   ├── DataProyectGallery.astro\n│   │   ├── Footer.astro            # Pie de página\n│   │   ├── Header.astro\n│   │   ├── Hero.astro              # Sección principal\n│   │   ├── LanguageSelector.astro  # Selector de idioma\n│   │   ├── Navbar.astro            # Barra de navegación\n│   │   ├── PortfolioCards.astro    # Tarjetas de portafolios\n│   │   ├── ProjectCard.astro       # Tarjeta de proyecto web\n│   │   ├── Projects.astro          # Galería de proyectos\n│   │   ├── SiteSEO.astro\n│   │   ├── SkillIcon.astro         # Icono de habilidad\n│   │   └── Welcome.astro\n│   ├── data/\n│   │   └── navLinks.js             # Enlaces de navegación dinámicos\n│   ├── layouts/\n│   │   └── Layout.astro            # Layout principal\n│   ├── pages/\n│   │   ├── index.astro             # Página principal (ES)\n│   │   ├── data-analyst.astro      # Portafolio de análisis de datos\n│   │   ├── web-developer.astro     # Portafolio de desarrollo web\n│   │   └── en/\n│   │       └── index.astro         # Página principal (EN)\n│   ├── styles/\n│   │   └── global.css              # Estilos globales y variables\n│   └── utils/\n│       └── translations.js         # Sistema de traducciones\n├── astro-i18next.config.mjs        # Configuración i18n\n├── astro.config.mjs                # Configuración de Astro\n├── package.json\n└── README.md\n```\n\n---\n\n## 🎨 Paleta de Colores\n\n```css\n--color-fondo: #f8f7f4;              /* Beige claro */\n--color-fondo-secundario: #ffffff;   /* Blanco */\n--color-texto-principal: #2d3748;    /* Gris oscuro */\n--color-texto-secundario: #718096;   /* Gris medio */\n--color-primario: #4299e1;           /* Azul (Web Dev) */\n--color-data: #667eea;               /* Morado (Data Analyst) */\n```\n\n---\n\n## 🏃‍♂️ Instalación y Uso\n\n### Prerrequisitos\n- Node.js 18+ instalado\n- npm o pnpm\n\n### Pasos\n\n1. **Clona el repositorio:**\n```bash\ngit clone https://github.com/Armando8a-dev/mi-portafolio.git\ncd mi-portafolio\n```\n\n2. **Instala las dependencias:**\n```bash\nnpm install\n```\n\n3. **Ejecuta el servidor de desarrollo:**\n```bash\nnpm run dev\n```\n\n4. **Abre tu navegador en:**\n```\nhttp://localhost:4321\n```\n\n### Comandos Disponibles\n\n| Comando | Acción |\n|---------|--------|\n| `npm run dev` | Inicia servidor de desarrollo en `localhost:4321` |\n| `npm run build` | Construye el sitio para producción en `./dist/` |\n| `npm run preview` | Vista previa del build localmente |\n| `npm run astro` | Ejecuta comandos CLI de Astro |\n\n---\n\n## 🌍 Sistema de Internacionalización\n\n### Estructura de Traducciones\n\nEl sistema de i18n está implementado en `src/utils/translations.js`:\n\n```javascript\nexport const translations = {\n  es: { /* traducciones en español */ },\n  en: { /* traducciones en inglés */ }\n};\n```\n\n### Cómo Agregar Nuevas Traducciones\n\n1. Edita `src/utils/translations.js`\n2. Añade la clave en ambos idiomas (es/en)\n3. Usa en tus componentes:\n\n```astro\n---\nimport { getTranslations } from '../utils/translations';\nconst currentLang = Astro.url.pathname.startsWith('/en') ? 'en' : 'es';\nconst t = getTranslations(currentLang);\n---\n\u003ch1\u003e{t.hero.greeting}\u003c/h1\u003e\n```\n\n---\n\n## 📊 Características de los Portafolios Especializados\n\n### Portafolio de Desarrollo Web (`/web-developer`)\n- Proyectos con **React**, **Angular**, **Astro**\n- Enfoque en **Frontend** moderno\n- Muestra de aplicaciones interactivas\n\n### Portafolio de Análisis de Datos (`/data-analyst`)\n- Proyectos con **Python**, **SQL**, **Tableau**\n- Visualizaciones de datos\n- Insights y storytelling con datos\n\n---\n\n## 🚀 Despliegue\n\nEste portafolio está configurado para desplegarse en **GitHub Pages**:\n\n1. Asegúrate de tener configurado `base` en `astro.config.mjs`:\n```javascript\nexport default defineConfig({\n  site: 'https://Armando8a-dev.github.io',\n  base: '/mi-portafolio'\n});\n```\n\n2. Ejecuta el build:\n```bash\nnpm run build\n```\n\n3. Despliega en GitHub Pages (configurado en el repositorio)\n\n---\n\n## 📝 Personalización\n\n### Cambiar Información Personal\n\n1. **Hero y About**: Edita `src/utils/translations.js`\n2. **Foto de perfil**: Reemplaza `src/assets/images/profile.jpg`\n3. **Favicon**: Actualiza `public/favicon.svg`\n4. **Enlaces sociales**: Modifica `src/components/Footer.astro`\n5. **Formulario**: Cambia el endpoint en `src/components/Contact.astro`\n\n### Agregar Nuevos Proyectos\n\n**Para Web Developer:**\nEdita `src/components/Projects.astro` y agrega un nuevo `\u003cProjectCard\u003e`\n\n**Para Data Analyst:**\nEdita `src/components/DataProyectGallery.astro` y agrega un nuevo `\u003cDataProjectCard\u003e`\n\n---\n\n## 🤝 Contribuciones\n\nLas sugerencias y mejoras son bienvenidas. Si encuentras algún error o tienes ideas:\n\n1. Abre un **Issue**\n2. Envía un **Pull Request**\n\n---\n\n## 📄 Licencia\n\nEste proyecto es de código abierto y está disponible bajo la licencia MIT.\n\n---\n\n## 👨‍💻 Autor\n\n**Armando Ochoa**\n- 🌐 [Portafolio](https://armando8a-dev.github.io/mi-portafolio/)\n- 💼 [LinkedIn](https://www.linkedin.com/in/armando-ochoa-dev)\n- 🐙 [GitHub](https://github.com/Armando8a-dev)\n\n---\n\n## 🙏 Agradecimientos\n\n- **Astro** por su increíble framework\n- **GitHub** por el hosting gratuito\n- **Formspree** por la integración de formularios\n- La comunidad de desarrollo web por la inspiración\n\n---\n\n**⭐ Si te gusta este proyecto, ¡dale una estrella en GitHub!**\n\n3.  **Instala las dependencias:**\n    ```sh\n    npm install\n    ```\n\n4.  **Inicia el servidor de desarrollo:**\n    ```sh\n    npm run dev\n    ```\n\n¡Y listo! Abre [http://localhost:4321](http://localhost:4321) (o el puerto que hayas configurado) en tu navegador para ver el proyecto.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmando8a-dev%2Fmi-portafolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farmando8a-dev%2Fmi-portafolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmando8a-dev%2Fmi-portafolio/lists"}