Bienvenidos de nuevo. Para este proyecto, lo vamos a construir de forma incremental, lo que significa que lo vamos a desglosar y construir las funcionalidades paso a paso. He reestructurado mis directrices para este proyecto. Este archivo contiene todas las funcionalidades tanto para el backend como para el frontend. He separado el backend en un archivo diferente, lo que significa que toda la lógica relacionada con el backend está en este archivo, y de igual manera el frontend.
Comencemos con el desarrollo del backend. Para esto, vamos a usar una función llamada Composer en Cursor AI. La función Composer puede crear archivos y carpetas basándose en la lógica de nuestra aplicación. Pero como este proyecto es un poco complejo, no vamos a permitir que la IA cree todas las carpetas por nosotros. Lo haremos nosotros mismos con un solo comando.
Déjame mostrarte cómo hacerlo. Por suerte, tenemos nuestra estructura de carpetas para el backend, que es esta. Voy a traer esto aquí. Copio todo esto. Y puedo usar ChatGPT, Claude o incluso la función de chat de Cursor AI para que me dé el comando para crear todos estos archivos y carpetas.
Voy a abrir la función Composer presionando Shift + Comando + I. Voy a quitar esto. Y aquí voy a decir: «crea las carpetas para mí basándote en esta estructura». Para saltar a la siguiente línea, presiono Shift + Enter, y luego pego eso.
Automáticamente, lo ha añadido como un archivo. Comenzamos desde la línea número 40 hasta la línea número 49. Ahí es donde está el código que copié. Si lo verificas aquí, efectivamente va desde la línea 40 hasta la 49. Es correcto.
Voy a presionar Enter. Me ha dado los comandos para usar, pero quiero usarlo de una vez. Así que voy a volver a preguntar diciendo: «proporciona el comando como una sola línea para que pueda copiarlo y pegarlo».
Perfecto. Me ha dado el comando, que es este. Voy a copiar todo el comando. Ahora, de vuelta al proyecto, que es este. Voy a abrir la terminal. Pego eso y presiono Enter. Y efectivamente, se están creando las carpetas.
Ahora, déjame limpiar esto. El siguiente paso es que nos vamos a enfocar en la configuración del servidor.
Puntos clave mejorados para mayor claridad:
- Explicación clara del enfoque incremental: Se enfatiza que el proyecto se construye paso a paso para facilitar la comprensión.
- Separación de responsabilidades: Se explica claramente por qué se separan backend y frontend en archivos diferentes.
- Uso estratégico de Composer: Se aclara que aunque Composer puede crear todo automáticamente, para proyectos complejos es mejor tener control manual.
- Pasos detallados: Cada acción se explica claramente, incluyendo los atajos de teclado específicos.
- Verificación del proceso: Se incluye la importancia de verificar que el código se ha copiado correctamente antes de proceder.
Esta traducción mantiene el tono instructivo pero lo hace más accesible para estudiantes de habla hispana que están aprendiendo a usar Cursor AI.