AdrianMP-02 Portfolio

Mi portfolio web personal interactivo enfocado en diseño moderno (glassmorphism/neón), animaciones fluidas y alto rendimiento. Construido con Next.js, React, Tailwind CSS y Framer Motion. 🚀

🏷️ GitHub Topics

portfolio nextjs react tailwindcss framer-motion typescript glassmorphism ui-design

🚀 Características

• Portfolio Personal: Página principal con presentación profesional interactiva
• Proyectos de GitHub: Obtención automática de proyectos usando la API de GitHub
• Animaciones Fluidas: Componentes y transiciones animadas con Framer Motion
• Diseño Responsivo: Optimizado para móviles, tablets y escritorio
• Estilo Moderno: Diseño elegante tipo glassmorphism/neon
• SEO Optimizado: Estructura optimizada para buscadores
• Rendimiento: Rutas y cargas rápidas gracias a Next.js 15

🛠️ Tecnologías Utilizadas

• Framework: Next.js 15 con App Router
• Lenguaje: TypeScript
• Estilos: Tailwind CSS
• Animaciones: Framer Motion
• Iconos: Lucide React
• Linting: ESLint
• Deployment: Optimizado para Vercel

📁 Estructura del Proyecto

src/
├── app/                    # Páginas de la aplicación (App Router)
│   ├── layout.tsx         # Layout principal
│   └── page.tsx           # Página de inicio
├── components/            # Componentes reutilizables
│   ├── Footer.tsx         # Pie de página
│   └── Navbar.tsx         # Navegación principal
└── lib/                   # Utilidades

🚀 Inicio Rápido

Prerrequisitos

• Node.js 18+
• npm, yarn, pnpm o bun

Instalación

1. Clona el repositorio:

git clone <url-del-repositorio>
cd portfolio

2. Instala las dependencias:

npm install

3. Ejecuta el servidor de desarrollo:

npm run dev

4. Abre http://localhost:3000 en tu navegador.

📝 Scripts Disponibles

# Desarrollo
npm run dev          # Inicia el servidor de desarrollo

# Producción
npm run build        # Crea la build de producción
npm run start        # Inicia el servidor de producción

# Calidad de código
npm run lint         # Ejecuta ESLint

🎨 Personalización

Colores y Temas

Edita tailwind.config.js para personalizar los colores y temas.

Contenido Personal

• Actualiza la información en src/app/page.tsx (página principal)
• Modifica src/app/about/page.tsx con tu información personal
• Agrega tus proyectos en src/app/projects/page.tsx
• Actualiza los enlaces sociales en src/components/Footer.tsx

Metadatos y SEO

Actualiza los metadatos en cada página y en src/app/layout.tsx.

📦 Deploy en Vercel

1. Sube tu código a GitHub
2. Conecta tu repositorio a Vercel
3. Configura las variables de entorno si es necesario
4. ¡Deploy automático!

🤝 Contribuir

Las contribuciones son bienvenidas. Por favor:

1. Haz fork del proyecto
2. Crea una rama para tu feature (git checkout -b feature/AmazingFeature)
3. Commit tus cambios (git commit -m 'Add some AmazingFeature')
4. Push a la rama (git push origin feature/AmazingFeature)
5. Abre un Pull Request

📄 Licencia

Este proyecto está bajo la Licencia MIT - ver el archivo LICENSE para más detalles.

📞 Contacto

• Email: adrian.m.p.02022002@gmail.com
• LinkedIn: linkedin.com/in/adrián-martín-pereira-167813222
• GitHub: github.com/AdrianMP-02
• Website: Portfolio personal profesional

---

⭐ Si este proyecto te ayudó, ¡dale una estrella!