Skip to content

README.md

Latest commit

 

History

History
69 lines (52 loc) · 2.53 KB

README.md

File metadata and controls

69 lines (52 loc) · 2.53 KB

🚀 Portafolio Personal - Landing Page

Portafolio web profesional desarrollado con Next.js 15, React 19 y TypeScript, diseñado para mostrar mi trayectoria profesional, proyectos y servicios como Ingeniero en Ciencias Informáticas.

✨ Características

  • 🎨 Diseño moderno y responsivo con Tailwind CSS
  • ⚡ Animaciones fluidas con Framer Motion
  • 🌊 Efectos de partículas interactivos con tsParticles
  • 📱 Navegación intuitiva con transiciones entre páginas
  • 🎯 Secciones principales:
    • Home con introducción animada
    • Sobre mí con timeline de experiencia académica y profesional
    • Servicios ofrecidos con slider interactivo
    • Portafolio de proyectos con enlaces a GitHub y demos en vivo
  • 🔗 Integración con redes sociales (Email, WhatsApp, Twitter, Instagram, Facebook)
  • 🎭 Tema personalizado con efectos visuales únicos

🛠️ Tecnologías

  • Framework: Next.js 15 con App Router
  • Lenguaje: TypeScript
  • Estilos: Tailwind CSS
  • Animaciones: Framer Motion
  • UI Components: Lucide React (iconos)
  • Efectos: tsParticles, Swiper
  • Otras librerías: react-countup, react-type-animation
  1. Abre http://localhost:3000 en tu navegador.

📂 Estructura del Proyecto

landing-portafolio/
├── app/
│   ├── (routes)/        # Páginas de rutas
│   │   ├── about-me/    # Página Sobre mí
│   │   ├── portfolio/   # Página Portafolio
│   │   └── services/    # Página Servicios
│   ├── components/      # Componentes reutilizables
│   ├── layout.tsx       # Layout principal
│   ├── page.tsx         # Página de inicio
│   └── globals.css      # Estilos globales
├── public/              # Recursos estáticos
├── utils/               # Utilidades (transiciones, etc.)
├── data.tsx             # Datos del portafolio
└── tailwind.config.ts   # Configuración de Tailwind

📝 Scripts Disponibles

  • npm run dev - Inicia el servidor de desarrollo con Turbopack
  • npm run build - Construye la aplicación para producción
  • npm run start - Inicia el servidor de producción
  • npm run lint - Ejecuta el linter

📄 Licencia

Este proyecto es de uso personal. Todos los derechos reservados.

👤 Autor

Dariel Ortega Sorzano