CodeEmbed es una aplicación web moderna para gestionar, compartir e incrustar fragmentos de código, creada como parte de una sesión de "vibecoding". Este proyecto demuestra el poder del desarrollo rápido de aplicaciones (RAD) utilizando herramientas de última generación y la colaboración con una IA de codificación.
El resultado es una plataforma funcional y estéticamente agradable, construida en tiempo real con Gemini como socio de codificación dentro de Firebase Studio.
El "vibecoding" es un enfoque de desarrollo que prioriza la velocidad, la iteración y la colaboración fluida entre el desarrollador y las herramientas de IA. En lugar de seguir un plan rígido, el proyecto evoluciona de forma conversacional, permitiendo que la creatividad y la tecnología converjan para construir aplicaciones funcionales rápidamente.
- Creación de Snippets: Guarda tus fragmentos de código con título, descripción, lenguaje y tema (claro/oscuro).
- Gestión de Visibilidad: Decide si tus snippets son públicos o privados.
- Vista Previa en Vivo: Visualiza cómo se verá tu snippet antes de guardarlo, ajustando la altura y otras opciones.
- Compartir e Incrustar: Genera enlaces directos o código
iframepara incrustar tus snippets en cualquier sitio web. - Autenticación y Almacenamiento: Utiliza Firebase para la gestión de usuarios y el almacenamiento seguro de datos en Firestore.
Este proyecto integra un conjunto de tecnologías modernas, elegidas por su eficiencia y escalabilidad:
- Framework: Next.js (App Router).
- Inteligencia Artificial: Google Gemini.
- Backend y Base de Datos: Firebase (Authentication & Firestore).
- UI/UX: ShadCN UI y Tailwind CSS para un diseño elegante y responsivo.
- Entorno de Desarrollo: Firebase Studio.
Este proyecto no solo es una herramienta funcional, sino también una demostración de lo que es posible lograr cuando la visión de un desarrollador se combina con el poder de la inteligencia artificial generativa.