🎨 Portfolio Style Builder

Mi próximo proyecto de portfolio personal - Una plataforma interactiva para explorar y personalizar estilos de diseño

🚀 Acerca del Proyecto

Portfolio Style Builder es mi siguiente iteración de portfolio personal, diseñado para mostrar mis habilidades como desarrollador mientras ofrece una experiencia interactiva donde los visitantes pueden explorar diferentes estilos visuales y temas de diseño.

✨ Características Principales

• 🎭 Personalización en Tiempo Real: Experimenta con diferentes paletas de colores y estilos
• 📱 Diseño Responsivo: Optimizado para todos los dispositivos
• ⚡ Alto Rendimiento: Construido con Vite para una carga ultra rápida
• 🎨 Componentes Modernos: Utilizando shadcn/ui para una UI elegante y accesible
• 🌗 Modo Oscuro/Claro: Soporte completo para temas

🛠️ Stack Tecnológico

Este proyecto está construido con tecnologías modernas y potentes:

• Frontend Framework: React 18
• Lenguaje: TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Componentes UI: shadcn/ui
• Deployment: Vercel

📦 Instalación y Configuración

Prerrequisitos

• Node.js 18+ y npm/bun instalados (Instalar con nvm)

Instalación Local

# Clonar el repositorio
git clone https://github.com/Emmeuve/portfolio-style-builder.git

# Navegar al directorio
cd portfolio-style-builder

# Instalar dependencias (con npm)
npm install

# O con bun (recomendado)
bun install

# Iniciar servidor de desarrollo
npm run dev
# o
bun run dev

El proyecto estará disponible en http://localhost:5173

🎯 Scripts Disponibles

npm run dev          # Inicia el servidor de desarrollo
npm run build        # Construye para producción
npm run preview      # Vista previa del build de producción
npm run lint         # Ejecuta el linter
npm run test         # Ejecuta los tests con Vitest

🌐 Demo en Vivo

Visita el proyecto desplegado: portfolio-six-omega-51.vercel.app

📝 Desarrollo

Este proyecto fue inicialmente creado con Lovable y está en continua evolución. Cada iteración incorpora nuevas características y mejoras basadas en las últimas tendencias de diseño y desarrollo web.

Estructura del Proyecto

portfolio-style-builder/
├── public/           # Archivos estáticos
├── src/
│   ├── components/   # Componentes React
│   ├── lib/          # Utilidades y configuraciones
│   └── App.tsx       # Componente principal
├── index.html
└── vite.config.ts    # Configuración de Vite

🤝 Contribuciones

Este es un proyecto personal, pero las sugerencias y feedback son siempre bienvenidos. Siéntete libre de:

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

📄 Licencia

Este proyecto está bajo una licencia personal. Si deseas usar parte del código, por favor contacta conmigo.

📬 Contacto

Emmanuel - @Emmeuve

Link del Proyecto: https://github.com/Emmeuve/portfolio-style-builder

---

<<<<<<< HEAD ⭐️ Si te gusta este proyecto, considera darle una estrella en GitHub

⭐️ Si te gusta este proyecto, considera darle una estrella en GitHub

2ea1e4dafb5e126ae718325f1eda750ae2ea1077