🔮 Future Folio Craft — Laboratorio de UI Experimental (React + Bun + Shadcn)
Prototipo de Portafolio de Próxima Generación con Micro-Interacciones y Bun
Future Folio Craft es un proyecto experimental enfocado en la exploración de patrones de interfaz de usuario de vanguardia (Craft UI). Utiliza el runtime ultrarrápido Bun, componentes accesibles de Shadcn UI (
components.json), utilidades modernas de Tailwind CSS y animaciones fluidas para probar layouts inmersivos de cara a futuras versiones del portafolio personal.
- 💻 Repositorio GitHub: github.com/Alecwce/future-folio-craft (Privado)
- ⚡ Runtime: Bun + Vite | Diseño: Shadcn UI + Tailwind CSS + Lucide Icons
✨ Características y Experimentación
flowchart TD App["🔮 Future Folio Craft\n(Vite + Bun + React)"] --> Shadcn["🧩 Sistema de Componentes Shadcn UI\n(Diálogos, Popovers, Tabs y Tooltips accesibles)"] App --> Animations["✨ Animaciones Craft\n(Hover magnéticos, transiciones con framer-motion)"] App --> Theme["🎨 Theming Dinámico\n(Variables CSS, Modo Oscuro Neón Carbón)"] App --> Bun["⚡ Bun Runtime\n(Instalación y compilación instantánea sin retrasos)"]
- Arquitectura Shadcn UI Desacoplada:
- Adopción del estándar de componentes sin empaquetar de Shadcn UI (
components.json), permitiendo la edición directa del código fuente de cada elemento visual.
- Adopción del estándar de componentes sin empaquetar de Shadcn UI (
- Micro-Interacciones de Alto Nivel (Craft):
- Tarjetas con bordes brillantes reactivos al cursor, botones magnéticos y paneles flotantes con efecto glassmorphism.
- Flujo de Trabajo Acelerado con Bun:
- Uso de
bun.lockbpara resolución determinista de dependencias en menos de 2 segundos.
- Uso de
🛠️ Stack Tecnológico
| Módulo | Herramienta | Rol |
|---|---|---|
| Runtime & Package Manager | Bun | Motor de ejecución y gestión de librerías |
| Bundler | Vite | Servidor de desarrollo de alta fidelidad |
| Biblioteca de Componentes | Shadcn UI + Radix UI | Primitivas accesibles y personalizables |
| Estilos | Tailwind CSS + PostCSS | Utilidades CSS y tokens de diseño |
| Iconografía | Lucide React | Iconos vectoriales limpios y coherentes |
🚀 Comandos
# Instalación ultrarrápida con bun
bun install
# Iniciar servidor local
bun run dev
# Compilar para producción
bun run build🔗 Relación con el Sistema
- 🎨 Sistemas de Diseño: Complementa la investigación estética de Velgrynd Scorch Design y el portafolio de Alex Lazo (referencia externa).
- 📋 Catálogo Central: Documentado en Proyectos Privados.