¡Bienvenido a TechStore! Este es un proyecto desarrollado para el taller de Diseño y creación de páginas web para negocios digitales. Se trata de una aplicación web dinámica construida con el stack de Node.js, enfocada en la escalabilidad y la experiencia de usuario.
- Backend: Node.js & Express
- Frontend: EJS (Embedded JavaScript templates) & Bootstrap 5
- Herramientas de Desarrollo: Nodemon para reinicio automático del servidor
- Navegación Dinámica: Rutas configuradas para filtrar productos por categorías (Computadores y Periféricos).
- Motor de Plantillas: Uso de EJS para renderizar datos dinámicos desde el servidor.
- Diseño Responsivo: Interfaz moderna y adaptable gracias a Bootstrap.
- Vista de Detalles: Página dedicada para mostrar información completa de cada producto.
- Identificación Única: Cada producto tiene un ID único para navegación directa.
- Estructura Escalable: Preparado para agregar descripciones detalladas de productos.
.
├── app.js # Servidor principal y configuración de rutas
├── package.json # Gestión de dependencias y scripts
├── .gitignore # Archivos y directorios ignorados por Git
├── README.md # Documentación del proyecto
└── views/ # Plantillas de la interfaz (EJS)
├── index.ejs # Vista principal de productos (catálogo)
└── detalles.ejs # Vista de detalles individuales del producto
GET /- Página principal con todos los productosGET /categoria/:nombreCategoria- Filtrar productos por categoría (computadores, perifericos)GET /producto/:id- Ver detalles de un producto específico
-
Instalar dependencias:
npm install
-
Ejecutar en modo desarrollo:
npm run dev
-
Ejecutar en modo producción:
npm start
-
Abrir en el navegador:
http://localhost:3000
- Llenar la propiedad
detallesde cada producto con descripciones completas - Sistema de carrito de compras
- Base de datos para persistencia de datos
- Autenticación de usuarios
- Sistema de pagos
- Panel de administración