Configuración de Carpetas

[svaleria]

Historia de Usuario: Configuración de Carpetas e Instalación de Paquetes npm

Título: Configuración de Carpetas e Instalación de Paquetes npm

Descripción: Como desarrollador, quiero configurar la estructura de carpetas del proyecto y realizar la instalación inicial de paquetes npm específicos manualmente para asegurar una organización clara y establecer las dependencias necesarias para el desarrollo.

Criterios de Aceptación:

• Se debe crear una carpeta raíz para el proyecto.
• La estructura de carpetas debe incluir directorios para componentes, páginas, estilos, y utilidades.
• Cada carpeta debe tener un archivo README.md explicando su propósito y contenido.
• Se deben instalar manualmente los siguientes paquetes npm:
  • @clerk/nextjs v5.0.6
  • @hello-pangea/dnd v16.6.0
  • @hookform/resolvers v3.3.4
  • @mux/mux-node v8.8.0
  • @mux/mux-player-react v2.7.0
  • @prisma/client v5.15.1
  • @radix-ui/react-checkbox v1.1.0
  • @radix-ui/react-dialog v1.0.5
  • @radix-ui/react-label v2.0.2
  • @radix-ui/react-popover v1.0.7
  • @radix-ui/react-slot v1.0.2
  • @types/node v20.12.8
  • @types/react v18.3.1
  • @types/react-dom v18.3.0
  • @uploadthing/react v6.6.0
  • axios v1.6.8
  • class-variance-authority v0.7.0
  • clsx v2.1.1
  • cmdk v1.0.0
  • eslint v8.57.0
  • eslint-config-next v14.2.3
  • googleapis v140.0.0
  • lucide-react v0.377.0
  • next v14.2.3
  • postcss v8.4.38
  • react v18.3.1
  • react-dom v18.3.1
  • react-hook-form v7.51.4
  • react-hot-toast v2.4.1
  • react-quill v2.0.0
  • tailwind-merge v2.3.0
  • tailwindcss v3.4.3
  • tailwindcss-animate v1.0.7
  • typescript v5.4.5
  • uploadthing v6.12.0
  • zod v3.23.7

Tareas:

• Crear carpeta raíz del proyecto.
• Crear subcarpetas: components, pages, styles, utils.
• Configurar Next.js para que reconozca la estructura de carpetas.
• Instalar manualmente los paquetes npm especificados utilizando el comando npm install.
• Verificar que la estructura permita una fácil navegación y mantenimiento del código.

Notas Adicionales:

• Asegurarse de que la configuración de carpetas y la instalación de paquetes npm cumplan con los requisitos del proyecto y faciliten la colaboración entre los miembros del equipo.
• Revisión y aprobación por parte del equipo antes de proceder con el desarrollo de componentes y funcionalidades.