Practica #4 | Asignatura: Programacion web
Desarrollar una aplicación web que facilite la gestión de cursos académicos. Esta aplicación permite realizar operaciones como la creación, visualización, edición y eliminación de registros de cursos. Está diseñada con una estructura escalable y amigable para ser utilizada en un ambiente educativo o administrativo.
📌 Nota: Este proyecto fue desarrollado para practicar habilidades en el desarrollo de aplicaciones web con Node.js, Express y Handlebars.
- 📋 Lista de Cursos: Visualización de todos los cursos registrados.
- ➕ Agregar Curso: Permite registrar un nuevo curso con información como título, descripción y duración.
- ✏️ Editar Curso: Modifica los detalles de un curso existente.
- ❌ Eliminar Curso: Opción para eliminar cursos de la lista.
- 🔍 Buscador de Cursos: Búsqueda rápida de curso por su codigo.
- 📄 Vista de Curso Detallada: Despliega toda la información sobre un curso seleccionado.
- Luis Manuel C. (Líder del Proyecto)
- Miembro adicional 1
- Miembro adicional 2
- 📂 Código: Repositorio FrontEnd
- 💾 BackEnd: Repositorio BackEnd
- 🌐 Demo en Línea: (pendiente)
- 📄 Documentación de API: (pendiente)
Aquí se muestra una lista de todas las pantallas desarrolladas para esta aplicación:
🏠 Pantalla Principal | Muestra el listado de todos los cursos.
📘 Pantalla de Detalle | Información detallada de un curso específico.
➕ Agregar Curso | Formulario para agregar un nuevo curso.
✏️ Pantalla de Edición | Permite editar los detalles de un curso.
- Node.js (versión 14 o superior).
- npm (gestor de paquetes de Node.js).
Asegúrate de tener todas las dependencias necesarias ejecutando el siguiente comando:
node -v && npm -v
- Descargar el Proyecto: Clona el repositorio o descarga el proyecto desde GitHub.
git clone https://github.com/luismanuelcldev/AppWeb-GestionDeCursos.git
cd AppWeb-GestionDeCursos
- Instalar Dependencias: Ejecuta el siguiente comando para instalar las dependencias.
npm install
- Iniciar el Servidor: Una vez completados los pasos anteriores, inicia el servidor con:
npm start
- bin/: Configuración del servidor.
- data/: Almacenamiento de datos o configuración.
- public/stylesheets/: Archivos CSS para la interfaz.
- routes/: Define las rutas principales de la aplicación.
- views/: Plantillas de Handlebars para el frontend.
- app.js: Punto de entrada de la aplicación.
- package.json: Información de dependencias y scripts.