Hola gente, He terminado mi primera web utilizando vibecoding y aprovecho para presentarme. Soy Andrés, de Ciudad Real. Tengo algo de experiencia programando en python & SQL y llevo poco más de un mes metiendo cabeza en el mundo AI. En este primer proyecto he montado una web para mi hermano pequeño, que tiene un negocio online de fisioterapia. Sencilla y directa. El objetivo principal de la web es explicar su programa y redirigir a los potenciales pacientes a su whatsapp. En un futuro cercano será un chatbot el que esté respondiendo ese whatsapp, ya os avisaré para que habléis un poco con él. Os la dejo por aquí por si queréis echarle un ojo Cualquier feedback es bienvenido :) https://manejatupubalgia.es/

Siendo honestos — ¿cómo describirías tu experiencia en Vibe Flow hasta ahora?

Cómo construí un proyecto web profesional moderno como https://franthropiclab.cat Herramientas, decisiones y aprendizajes — Una guía para la comunidad Este documento nace de un proyecto real: una web de servicios digitales con blog, sistema de reservas, emails automáticos e integración con Google Calendar. Todo construido de forma independiente, sin agencia, con herramientas modernas y asequibles. Mi intención es compartir las decisiones que tomé para que puedas replicarlas, adaptarlas o mejorarlas. 1. El punto de partida: ¿qué necesita un proyecto así? Antes de elegir ninguna herramienta, es útil pensar en las capas funcionales que necesita el proyecto: - Presencia y contenido — una web rápida, bien posicionada, con blog - Captación — formulario de contacto, sistema de reservas online - Comunicación — emails automáticos cuando alguien reserva o contacta - Operaciones — calendario propio, recordatorios, gestión de citas - Medios — imágenes y vídeos servidos de forma rápida y barata - Datos — saber qué funciona, qué no, y cómo te encuentra Google Con ese mapa mental, cada herramienta tiene un lugar claro. 2. La web: cómo está construida La web está hecha con herramientas profesionales que permiten que cargue rápido, sea fácil de mantener y se pueda actualizar sin empezar de cero cada vez. Para el diseño visual, se usa un sistema que permite construir interfaces bonitas y consistentes sin necesidad de escribir hojas de estilo desde cero. Los colores, fuentes y espaciados se definen una sola vez y se aplican en toda la web de forma uniforme. Las animaciones y transiciones se consiguen con una herramienta específica para eso — hacen que la web se sienta fluida y moderna sin añadir demasiado peso. A tener en cuenta: Define los colores, tipografías y estilo visual antes de empezar a construir. Cambiarlos a mitad del proyecto cuesta el doble. 3. El blog: los artículos en la nube Para un blog con varios artículos, en dos idiomas y con publicación programada, lo más práctico es guardar el contenido en una base de datos en la nube, no en archivos locales.