🚀 Portafolio de Juan José - Desarrollador Full Stack

Un portafolio moderno y elegante construido con Next.js 14, TypeScript y Tailwind CSS. Desarrollado para showcasing las habilidades de Juan José como desarrollador full stack con proyectos reales y experiencia profesional.

✨ Características

• 🎨 Diseño Moderno: Interfaz limpia y responsiva con animaciones suaves
• 🌙 Modo Oscuro/Claro: Cambio de tema dinámico para mejor experiencia
• 📱 Completamente Responsivo: Optimizado para todos los dispositivos
• ⚡ Rendimiento Optimizado: Construido con Next.js 14 y mejores prácticas
• 🎯 SEO Friendly: Metadata optimizada y estructura semántica
• 🔧 TypeScript: Tipado estático para mejor desarrollo

🛠️ Tecnologías Utilizadas

• Frontend: Next.js 14, React 18, TypeScript
• Styling: Tailwind CSS, Framer Motion
• Icons: Lucide React
• Tools: ESLint, Prettier, Git

🚀 Instalación y Desarrollo

Prerrequisitos

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

Pasos de instalación

1. Clonar el repositorio

git clone https://github.com/RavelliLudmila/PortfolioJuanjoR.git
cd PortfolioJuanjoR

2. Instalar dependencias

npm install
# o
yarn install
# o
pnpm install

3. Ejecutar en modo desarrollo

npm run dev
# o
yarn dev
# o
pnpm dev

4. Abrir en el navegador Visita http://localhost:3000 para ver el resultado.

📁 Estructura del Proyecto

src/
├── app/                # App Router de Next.js
│   ├── globals.css     # Estilos globales
│   ├── layout.tsx      # Layout principal
│   └── page.tsx        # Página de inicio
├── components/         # Componentes reutilizables
│   ├── hero-section.tsx
│   ├── about-section.tsx
│   ├── skills-section.tsx
│   ├── projects-section.tsx
│   ├── experience-section.tsx
│   ├── contact-section.tsx
│   ├── navbar.tsx
│   ├── footer.tsx
│   ├── theme-provider.tsx
│   └── animated-background.tsx
└── lib/                # Utilidades y configuraciones

🎨 Secciones del Portafolio

• Hero: Presentación principal con animaciones
• Sobre mí: Información personal y profesional
• Habilidades: Stack tecnológico y competencias
• Proyectos: Showcase de proyectos destacados
• Experiencia: Historial laboral y logros
• Contacto: Formulario de contacto y redes sociales

🚀 Despliegue

Vercel (Recomendado)

El proyecto está optimizado para desplegarse en Vercel:

1. Conecta tu repositorio a Vercel
2. Configura las variables de entorno si es necesario
3. ¡Despliega con un click!

Otros Proveedores

También compatible con:

• Netlify
• Railway
• AWS Amplify
• Digital Ocean App Platform

📞 Contacto

Desarrollado por: Ludmila Ravelli
Para: Juan José - Desarrollador Full Stack

Ludmila Ravelli (Desarrolladora)

• 📧 Email: ludravelli@gmail.com
• 💼 LinkedIn: linkedin.com/in/ravelliludmila

Juan José (Cliente/Portafolio)

• 📧 Email: juanjo.ramirez.dev@gmail.com
• 💼 LinkedIn: https://www.linkedin.com/in/juanjo-ramirez-dev/
• 🐱 GitHub: @Juanjo-Ramirez

---

⭐ ¡Dale una estrella al proyecto si te gustó!