¡Bienvenido a DevBrainner! Tu nuevo centro de comando personal para el desarrollo. Esta aplicación integral está diseñada para centralizar, potenciar y transformar tu flujo de trabajo, ofreciéndote un ecosistema eficiente donde todas tus herramientas y recursos esenciales trabajan en perfecta armonía. Olvídate de las pestañas infinitas y las búsquedas tediosas; con DevBrainner, tu productividad se disparará y tu entorno de trabajo se mantendrá impecablemente organizado, ¡porque aquí no venimos a jugar!
DevBrainner no es solo una aplicación, es tu suite de herramientas definitiva que te permite:
Un arsenal creciente de utilidades prácticas diseñadas para solucionar problemas comunes y simplificar radicalmente tus tareas diarias como desarrollador. La plataforma está construida pensando en el futuro, permitiendo la adición continua e ilimitada de nuevas funcionalidades.
-
Gestor de Enlaces Inteligente:
- Organización Total de URLs: Guarda y organiza cualquier enlace que necesites (artículos, tutoriales, documentación, APIs que uses, o cualquier página web). Puedes categorizar, describir y etiquetar cada URL con múltiples palabras clave para una organización sin igual.
- Búsqueda y Filtrado de Alta Precisión: Encuentra enlaces al instante por título, URL, descripción o etiquetas. Además, filtra tu colección por categoría (e.g., "Frontend", "Backend", "Diseño") y por etiquetas específicas (e.g., "React", "Node.js", "API"), garantizando que siempre encuentres lo que necesitas, justo cuando lo necesitas.
- Mantenimiento Sencillo y Eficiente: Mantén tu biblioteca de enlaces siempre actualizada. Puedes editar fácilmente la información de cualquier enlace o eliminar los que ya no te sirvan, manteniendo tu espacio limpio y relevante.
- Visualización Enriquecida: Cada enlace se presenta con su favicon dinámico y una miniatura generada automáticamente de la página para una vista previa rápida. Si una miniatura no carga, un fallback inteligente asegura que la estética no se rompa.
- Interfaz Interactiva y Atractiva: Las tarjetas de enlaces no son estáticas; cobran vida con animaciones sutiles (escalado y sombra) al pasar el cursor, ofreciendo una experiencia de usuario fluida, pulida y profesional.
-
Gestor de Snippets de Código: Almacena y organiza tus pequeños bloques de código reutilizables (snippets) de cualquier lenguaje de programación. Ten tus funciones comunes, configuraciones estándar, patrones de diseño o soluciones rápidas a un solo clic de distancia.
-
Validador de Expresiones Regulares (Regex Tool): ¡Nunca más te equivoques en un patrón! Deja de adivinar y de los "prueba y error". Nuestra potente herramienta te permite probar y validar tus patrones de Regex en tiempo real, visualizando los matches al instante y asegurándote de que funcionan exactamente como esperas antes de implementarlos en tu código. Indispensable para validar entradas de usuario, parsear cadenas y más.
-
Convertidor de Datos (¡Pionero y En Desarrollo!): ¡Transforma datos al instante! Prepárate para una utilidad indispensable que te permitirá transformar datos entre diferentes formatos. Piensa en convertir fácilmente de JSON a YAML, XML, CSV, o viceversa. Esta herramienta es el primer paso hacia una suite de conversores que se expandirá progresivamente para cubrir todas tus necesidades de manipulación de datos.
Ampliamos el horizonte de DevBrainner con funcionalidades más específicas para ingenieros y técnicos. Estas herramientas están diseñadas para ser integradas progresivamente, expandiendo aún más las capacidades de la plataforma:
- Calculadora de Circuitos: Para cálculos eléctricos y electrónicos.
- Convertidor de Unidades: Transforma medidas de forma rápida y precisa.
- Generador de Diagramas: Para visualizar estructuras y flujos de trabajo de manera intuitiva.
- Simulador Lógico: Para probar circuitos lógicos o algoritmos.
- Calculadora de Resistencias: Una herramienta fundamental para electrónica.
- Menú de Navegación Intuitivo: La plataforma cuenta con un menú de navegación claro que organiza las distintas secciones, facilitando el acceso a todas sus funcionalidades:
- Platform: Dashboard principal.
- Retos: Secciones dedicadas a desafíos de programación.
- Eventos: Calendario y detalles de eventos relevantes.
- Recursos: Un apartado general para recursos educativos adicionales.
- Encuestas: Herramientas para la creación y gestión de encuestas.
- Preguntas: Sección para foros o FAQs.
- Playground: Un entorno flexible para experimentar y probar código.
- Gestión de Recursos (Dropdown): Organiza el Gestor de Snippets y el Gestor de Enlaces.
- Herramientas de Desarrollo (Dropdown): Incluye el Convertidor de Datos y el Generador RegEx.
- Herramientas Técnicas (Dropdown): Agrupa Calculadora de Circuitos, Convertidor de Unidades, Generador Diagramas, Simulador Lógico y Calculadora Resistencias.
- Mi Cuenta (Dropdown): Con opciones como Guardados, Configuración y Perfil.
- Interfaz de Usuario Dinámica: Animaciones de
hovery transiciones suaves en las tarjetas y elementos interactivos para una experiencia fluida y moderna. - Formulario de Contacto Funcional: Un canal directo para tus comentarios y sugerencias.
- Centralizar Tus Recursos: Consolidar absolutamente todas tus herramientas, enlaces, snippets y cualquier otro recurso en un único punto de acceso, eliminando la necesidad de múltiples pestañas, notas dispersas o servicios fragmentados.
- Impulsar la Productividad a Nivel Dios: Minimizar el tiempo de búsqueda y gestión al máximo, permitiéndote concentrarte en lo que realmente importa: escribir código limpio, resolver problemas complejos y construir cosas asombrosas.
- Simplificar el Flujo de Trabajo: Integrar herramientas de uso frecuente directamente en la plataforma, reduciendo drásticamente los cambios de contexto y cualquier fricción en tu proceso de desarrollo.
- Experiencia de Usuario Excepcional: Ofrecer una interfaz intuitiva, visualmente espectacular y altamente interactiva que haga la gestión de recursos no solo eficiente, sino una tarea placentera y sin esfuerzo.
- Expansión Constante: La plataforma está diseñada con una arquitectura modular para la futura integración de más herramientas y funcionalidades, ¡manteniéndola siempre relevante y a la vanguardia!
DevBrainner está construido con un stack tecnológico moderno y robusto:
- Frontend:
- React: Biblioteca principal para la construcción de UI.
- Next.js 13+ (App Router): Framework para React que ofrece renderizado híbrido, enrutamiento avanzado y APIs.
- Tailwind CSS: Framework CSS utilitario para un diseño rápido y responsivo.
- Lucide React: Conjunto de iconos vectoriales ligeros y consistentes.
- React Hot Toast: Librería para notificaciones de usuario elegantes.
- Backend (Integrado en Next.js):
- Next.js Route Handlers: Nuestra capa API RESTful para la lógica de negocio y persistencia de datos.
- Prisma ORM: ORM de próxima generación para una interacción segura y tipada con la base de datos.
- Zod: Librería de validación de esquemas TypeScript-first, garantizando la integridad de los datos.
- Base de Datos:
- PostgreSQL: Base de datos relacional potente y fiable.
- Servicios Externos:
- Google Favicons API: Para la obtención dinámica de favicons.
- Microlink.io: Para la generación de miniaturas visuales de páginas web.
Para poner DevBrainner en marcha en tu máquina local, sigue estos pasos:
-
Clona el repositorio:
git clone [git@github.com:AletzMan/devbraineer.git] cd devbrainner -
Instala las dependencias:
npm install # o si usas yarn # yarn install
-
Configura las variables de entorno: Crea un archivo
.enven la raíz del proyecto y añade tus variables de entorno. Necesitarás al menos la cadena de conexión a tu base de datos PostgreSQL.DATABASE_URL="postgresql://user:password@host:port/database" # Ejemplo: DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb"
-
Configura la base de datos con Prisma: Ejecuta las migraciones de Prisma para crear las tablas en tu base de datos.
npx prisma migrate dev --name init # Para nuevas migraciones (solo la primera vez o para cambios mayores) npx prisma db push # Para sincronizar tu esquema con la DB existente (útil en desarrollo)
-
Inicia el servidor de desarrollo:
npm run dev # o si usas yarn # yarn dev
-
Abre tu navegador y visita
http://localhost:3000.
¡Las contribuciones son bienvenidas! Si te gustaría mejorar DevBrainner, no dudes en:
- Hacer un fork del repositorio.
- Crear una nueva rama (
git checkout -b feature/nueva-funcionalidad). - Realizar tus cambios.
- Hacer commit de tus cambios (
git commit -m 'feat: Agrega nueva funcionalidad X'). - Push a la rama (
git push origin feature/nueva-funcionalidad). - Abrir un Pull Request.
Este proyecto está bajo la licencia MIT License.
Explora DevBrainner en vivo:
¡Esperamos que DevBrainner se convierta en tu herramienta indispensable para el desarrollo! Si tienes alguna pregunta o sugerencia, no dudes en contactarnos o abrir una issue.