Portfolio Mariela Arias 💼✨

Portfolio profesional de Mariela Arias - Desarrolladora WordPress & Product Owner. Un sitio web moderno, minimalista y totalmente responsive construido con Astro y TailwindCSS.

🌟 Acerca de

Portfolio diseñado para mostrar la experiencia y proyectos de Mariela Arias como Desarrolladora WordPress especializada y Product Owner. Destacando habilidades técnicas, proyectos realizados y experiencia profesional en desarrollo web y gestión de productos.

Destacados

• 💻 Desarrollo WordPress: Especialización en desarrollo de temas personalizados y plugins
• 📊 Product Ownership: Gestión de productos digitales y estrategia tecnológica
• 🎨 Diseño Moderno: Interfaz limpia y profesional con enfoque en UX/UI
• ⚡ Rendimiento: Optimización de velocidad y SEO para mejor visibilidad

🚀 Tech Stack

• Framework: Astro 5.15.4 - Framework web ultrarrápido
• Styling: Tailwind CSS 4.1.17 con configuración personalizada
• Animations: @midudev/tailwind-animations
• Language: TypeScript
• Package Manager: pnpm

✨ Features

• 🎨 Diseño Moderno: Interfaz limpia y profesional con paleta de colores personalizada
• 📱 Responsive Design: Totalmente adaptable a cualquier dispositivo
• ⚡ Alto Rendimiento: Carga rápida y optimización de assets
• 🔍 SEO Optimizado: Meta tags y estructura semántica para mejor posicionamiento
• 🎯 Navegación Suave: Transiciones fluidas entre secciones
• ♿ Accesibilidad: Cumple con estándares WCAG para experiencia inclusiva
• 🖼️ Galería de Proyectos: Showcase de trabajos y casos de éxito
• 📧 Formulario de Contacto: Integración para comunicación directa

🧞 Commands

Todos los comandos se ejecutan desde la raíz del proyecto:

Command	Action
pnpm install	Instala las dependencias
pnpm dev	Inicia el servidor de desarrollo en localhost:4321
pnpm build	Construye el sitio para producción en ./dist/
pnpm preview	Vista previa del build de producción localmente
pnpm astro ...	Ejecuta comandos CLI de Astro

📁 Project Structure

mariela-managero/
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── icons/           # Iconos del proyecto
│   │   ├── projects/        # Imágenes de proyectos
│   │   └── mariela-profile.webp
│   ├── components/
│   │   ├── Header.astro     # Navegación principal
│   │   ├── Hero.astro       # Sección de presentación
│   │   ├── About.astro      # Información profesional
│   │   ├── Projects.astro   # Portfolio de proyectos
│   │   ├── Skills.astro     # Habilidades técnicas
│   │   ├── Contact.astro    # Formulario de contacto
│   │   └── Footer.astro     # Pie de página
│   ├── layouts/
│   │   └── Layout.astro     # Layout principal
│   ├── pages/
│   │   └── index.astro      # Página principal
│   └── styles/
│       └── global.css       # Estilos globales
├── astro.config.mjs
├── tsconfig.json
├── package.json
└── README.md

🛠️ Getting Started

Prerequisites

• Node.js 18.x or higher
• pnpm (recommended) or npm

Installation

# Clone the repository
git clone https://github.com/jhossuarodriguez/mariela-managero.git

# Navigate to project directory
cd mariela-managero

# Install dependencies
pnpm install

# Start development server
pnpm dev

El sitio estará disponible en http://localhost:4321

📝 Portfolio Sections

• Hero: Presentación principal con foto de perfil y título profesional
• About: Experiencia profesional, educación y valores
• Projects: Galería de proyectos destacados con tecnologías utilizadas
• Skills: Stack técnico y competencias en desarrollo y gestión
• Contact: Formulario de contacto y enlaces a redes sociales
• Footer: Enlaces adicionales e información de copyright

🚢 Deployment

Este proyecto está configurado para desplegarse fácilmente en plataformas como Vercel, Netlify o GitHub Pages.

Deploy to Vercel

Environment Variables

No se requieren variables de entorno para el despliegue básico.

🎨 Design System

El portfolio utiliza una paleta de colores profesional y moderna con enfoque en legibilidad y experiencia de usuario.

Typography

• Font Family: Sistema de fuentes nativas optimizada para rendimiento
• Weights: 400 (Normal), 600 (Semi-bold), 700 (Bold)

📞 Contact

Mariela Arias

• Role: Desarrolladora WordPress & Product Owner
• Portfolio: marielaarias.com
• LinkedIn: linkedin.com/in/mariela-arias
• GitHub: github.com/mariela-arias

🤝 Contributing

Este es un proyecto personal. Para consultas o colaboraciones, por favor contacta directamente.

📄 License

Este proyecto es personal y privado. Todos los derechos reservados.

🙏 Acknowledgments

• Construido con Astro
• Estilizado con Tailwind CSS
• Animaciones por @midudev/tailwind-animations
• Íconos y diseño personalizado

---

Hecho con ❤️ y código por Mariela Arias