CodeIA2025 - Sesión 10 - Proyecto colaborativo - Directorio de restaurantes

En esta sesión vamos a crear un proyecto REAL. Un directorio de restaurantes funcional usando NextJS 16 con su API, Frontend y Dashboard de administración

SesiónIntermedio

Hace 5 meses2h 21m 17s80 visualizaciones

Tecnologías

TypeScriptReactPlanningNext.jsAsistente IA para código

Herramientas IA utilizadas

GeminiGitHub CopilotClineClaude CodeAntigravity

Iniciar sesión para comenzar Crear cuenta

En esta sesión vamos a crear un proyecto REAL. Un directorio de restaurantes funcional usando NextJS 16 con su API, Frontend y Dashboard de administración

Crearemos la planificación, arquitectura, agentes, desarrollo, testing y despliegue; trabajando en equipo y dividiendo tareas.

Usaremos un repositorio común con PRs y trabajaremos con metodología Scrum

Contenido Protegido

Inicia sesión para acceder al contenido completo.

Iniciar Sesión Crear Cuenta

Índice de la sesión

00:0033:49

Configuración Inicial del Repositorio

El profesor inicia la sesión explicando cómo clonar el repositorio del proyecto, configurar la clave API de ZI en CLine y resolver problemas de acceso al repositorio privado de GitHub, incluyendo la gestión de invitaciones y la importancia de clonar en lugar de descargar el ZIP.

33:4927:56

Gestión de Cambios y Actualizaciones en Git

Se explica el proceso de agregar, commitear y pushear cambios en Git, así como la importancia de usar 'git pull' para obtener las últimas actualizaciones. Se resuelven problemas comunes de sincronización y estructura de carpetas al clonar el repositorio.

01:01:4518:28

Visión General del Proyecto FoodCinder

El profesor detalla la información del proyecto FoodCinder, incluyendo su identidad visual, roles de usuario (administrador, owner, usuario, visitante), funcionalidades principales como suscripciones, cupones, gestión de restaurantes/menús, geolocalización y sistema de deseos.

01:20:1313:06

Filtros Dinámicos y Gamificación

Se profundiza en los filtros inteligentes con conteos dinámicos y el sistema de gamificación para recompensar a usuarios activos, explicando cómo estas características buscan fidelizar clientes y dar visibilidad a los restaurantes.

01:33:1915:13

Taxonomías, Marketing y Analítica

Se abordan las taxonomías para organizar menús y platos, las estrategias de marketing y analítica (SEO, Google Tag Manager, Microsoft Clarity) y el sistema de notificaciones automáticas para administradores.

01:48:3213:14

Stack Tecnológico del Proyecto

Se presenta el stack tecnológico completo para el frontend (Next.js 16, TypeScript, Tailwind CSS, ShadCN, TanStack, Recharts, Framer Motion, React Hooks), backend (Prisma, PostgreSQL, Redis, Server Actions) y autenticación (Clerk), así como herramientas de búsqueda (MeiliSearch), gestión de imágenes (Bunny) y envío de emails (Resend).

02:01:4613:23

Uso de Docker y Preparación de la Planificación

Se discute la importancia de Docker para la gestión de bases de datos locales y se inicia la preparación de la planificación del proyecto, incluyendo la arquitectura, el alcance y el modelo de datos.

02:15:096:03

Generación de Artifacts y Corrección de Prompts

Se muestra cómo generar los 'artifacts' del proyecto usando la IA, y se corrigen los prompts para evitar que la IA genere código completo, enfocándose solo en la documentación y planificación.