mirror of
https://github.com/marcogll/ap_pos.git
synced 2026-01-13 13:15:16 +00:00
f3ef5952d206d51e5917a49025254081fb12e13d
Se agrega la capacidad de agendar citas para los servicios. - Se añaden campos de fecha y hora de cita en el formulario de nuevo movimiento. - Se actualiza la tabla de movimientos para mostrar la información de la cita. - Se modifica la base de datos para almacenar la fecha y hora de la cita. - Se ajusta la exportación a CSV para incluir los nuevos campos. - Se reemplaza la generación de folio secuencial por uno aleatorio.
AP-POS — Aplicación de Punto de Venta (v0.3)
Esta es una aplicación de punto de venta (POS) diseñada para ser simple y robusta. Permite registrar clientes, gestionar movimientos (pagos, anticipos) e imprimir recibos.
La versión actual (v0.3) se enfoca en mejorar la experiencia de usuario (UX) y la interfaz (UI) para hacerla más intuitiva y agradable de usar.
Arquitectura y Tecnologías
- Frontend: Single-Page Application (SPA) con HTML5, CSS3 y JavaScript (Vanilla).
- Backend: Servidor ligero con Node.js y Express.js que provee una API REST.
- Base de Datos: SQLite (
ap-pos.db), que hace la aplicación portable y fácil de respaldar.
Novedades en la Versión 0.3
Se han implementado las siguientes mejoras en la interfaz y experiencia de usuario:
- Diseño de Formularios Mejorado:
- El formulario de Clientes ahora utiliza un diseño de dos columnas, haciendo que la información sea más fácil de leer y rellenar.
- El formulario de Configuración agrupa los campos de dirección (
ColoniayC.P.) para mayor claridad y se han añadido textos de ejemplo (placeholders).
- Estilo de Botones Consistente:
- Se ha añadido más espacio y márgenes a los botones de acción.
- Los botones de "Limpiar" o "Cancelar" ahora son de color rojo para distinguirlos claramente de las acciones principales.
- Flujo de Trabajo Optimizado:
- Después de generar un recibo, el cursor se posiciona automáticamente en el campo "Cliente", agilizando la creación de un nuevo movimiento.
- Títulos Clarificados:
- Se han mejorado los títulos de algunas secciones para que sean más descriptivos (e.g., "Movimientos Recientes").
Características Principales
- Gestión de Clientes (Crear, Editar, Eliminar).
- Registro de Movimientos (Pagos, Anticipos).
- Generación de Folios automáticos e incrementales.
- Impresión de Recibos en formato de 58mm.
- Exportación de todos los movimientos a un archivo CSV.
- Configuración de los datos del negocio para personalizar los recibos.
Requisitos del Sistema
- Node.js: Necesario para ejecutar el servidor backend. Descárgalo desde nodejs.org.
- Navegador Web: Un navegador moderno como Google Chrome, Firefox, o Edge.
Instalación y Ejecución
-
Navega al directorio del proyecto:
cd ap-pos -
Instala las dependencias:
npm install -
Inicia el servidor:
npm startEl servidor se ejecutará en
http://localhost:3000. -
Abre la aplicación: Abre el archivo
index.htmlen tu navegador.
Estructura de Archivos
ap-pos/
├─ index.html # Interfaz de usuario principal.
├─ styles.css # Estilos para la aplicación y la impresión.
├─ app.js # Lógica del frontend (eventos, renderizado, UI).
├─ storage.js # Módulo del frontend para comunicarse con la API.
├─ print.js # Lógica para generar el recibo.
│
├─ server.js # Servidor backend (Node.js/Express).
├─ package.json # Dependencias y scripts del proyecto.
├─ ap-pos.db # Archivo de la base de datos SQLite.
│
└─ src/
└─ logo.png # Logo del negocio.
Consideraciones
- Portabilidad: Para mover la aplicación, copia la carpeta
ap-poscompleta. - Respaldo: Para respaldar tus datos, simplemente haz una copia del archivo
ap-pos.db.
Languages
JavaScript
60.8%
HTML
26%
CSS
12.1%
Shell
0.9%
Dockerfile
0.2%