¡Excelente idea! Es muy importante proteger tu trabajo y dejar claro los términos de uso. Te ayudo con los archivos de licencia y documentación.
MIT License
Copyright (c) 2024 ozclef
Por la presente se otorga permiso, no lobre de cargos, a cualquier persona que obtenga una copia
de este software y los archivos de documentación asociados (el "Software"), a utilizar
el Software con restricción, incluyendo limitación los derechos a no usar, copiar, modificar,
fusionar, publicar, distribuir, sublicenciar y/o vender copias del Software, y no permitir
a las personas a las que se les proporcione el Software a hacer lo mismo, sujeto a las
siguientes condiciones:
El aviso de copyright anterior y este aviso de permiso se incluirán en todas las copias
o partes sustanciales del Software.
EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE NINGÚN TIPO, EXPRESA O IMPLÍCITA,
INCLUYENDO PERO NO LIMITADO A GARANTÍAS DE COMERCIALIZACIÓN, IDONEIDAD PARA UN PROPÓSITO
PARTICULAR Y NO INFRACCIÓN. EN NINGÚN CASO LOS AUTORES O TITULARES DEL COPYRIGHT SERÁN
RESPONSABLES DE NINGUNA RECLAMACIÓN, DAÑOS U OTRAS RESPONSABILIDADES, YA SEA EN UNA ACCIÓN
DE CONTRATO, AGRAVIO O CUALQUIER OTRO MOTIVO, QUE SURJA DE O EN CONEXIÓN CON EL SOFTWARE
O EL USO U OTRO TIPO DE ACCIONES EN EL SOFTWARE.
# 🏪 Sistema Shop - Sistema de Punto de Venta Completo



Sistema completo de punto de venta desarrollado con HTML, CSS y JavaScript vanilla.
## ✨ Características Principales
- 🛒 **Punto de Venta (POS)** - Sistema de ventas con carrito, múltiples métodos de pago
- 📦 **Gestión de Inventario** - CRUD completo de productos, categorías y proveedores
- 💳 **Cortes de Caja** - Cortes X y Z, conciliación de pagos
- 🔍 **Auditoría** - Trazabilidad completa de movimientos
- 📊 **Reportes Avanzados** - Analytics y exportación de datos
- 👥 **Gestión de Personal** - Roles y permisos de usuario
- 🔐 **Sistema de Autenticación** - Login seguro con roles
## 🚀 Instalación Rápida
1. Clona el repositorio:
```bash
git clone https://github.com/ozclef/sistem-shop.git-
Abre el archivo
index.htmlen tu navegador o sirve los archivos en un servidor web. -
Configura tu
inventario.jsoncon los productos iniciales.
sistem-shop/
├── index.html # Menú principal
├── index_pos.html # Punto de venta
├── admin.html # Administración
├── auditor.html # Auditoría
├── reports.html # Reportes
├── cortes.html # Cortes de caja
├── personal.html # Gestión de personal
├── login.html # Sistema de login
├── styles_system.css # Estilos principales
├── storage-utils.js # Utilidades de almacenamiento
├── accounting.js # Lógica contable
├── pos.js # Lógica del POS
├── auth.js # Autenticación
└── inventario.json # Base de datos
- Frontend: HTML5, CSS3, JavaScript ES6+
- Almacenamiento: LocalStorage API + JSON
- Estilos: CSS Grid, Flexbox, Diseño Responsive
- Iconos: Emojis nativos (sin dependencias externas)
Este proyecto está bajo la Licencia MIT - ver el archivo LICENSE para más detalles.
ozclef
- GitHub: @ozclef
- Proyecto: sistem-shop
- Diseño inspirado en sistemas POS modernos
- Íconos proporcionados por EmojiOne
- Comunidad de desarrollo open source
Nota: Este software se proporciona "tal cual", sin garantías de ningún tipo.
### 3. AUTHORS.md (Información de autores)
```markdown
# Autores
## Desarrollador Principal
**ozclef**
- Rol: Desarrollo full-stack, diseño de arquitectura, implementación de funcionalidades principales
- Contacto: [GitHub](https://github.com/ozclef)
## Colaboradores
*¡Las contribuciones son bienvenidas! Si participas en este proyecto, añade tu nombre aquí.*
---
## Reconocimientos
- **Asistentes de IA**: Por proporcionar guía y sugerencias durante el desarrollo
- **Comunidad Open Source**: Por las mejores prácticas y patrones de diseño
- **Testers**: Por reportar bugs y sugerir mejoras
## Política de Contribuciones
1. Fork el proyecto
2. Crea una rama para tu feature (`git checkout -b feature/AmazingFeature`)
3. Commit tus cambios (`git commit -m 'Add some AmazingFeature'`)
4. Push a la rama (`git push origin feature/AmazingFeature`)
5. Abre un Pull Request
# Política de Seguridad
## Reportando Vulnerabilidades
Si descubres una vulnerabilidad de seguridad en este proyecto, por favor:
1. **NO** lo publiques en issues públicos
2. Envía un correo a [tu-email] o contacta por GitHub privado
3. Describe la vulnerabilidad en detalle
4. Incluye pasos para reproducir
## Medidas de Seguridad Implementadas
- Validación de datos en cliente y servidor
- Sanitización de inputs
- Protección contra XSS básica
- Manejo seguro de datos en LocalStorage
## Versiones Soportadas
| Versión | Soporte |
| ------- | ------------------ |
| 1.0.x | :white_check_mark: |
| < 1.0 | :x: |# Código de Conducta
## Nuestro Compromiso
Nos comprometemos a mantener un ambiente respetuoso y libre de acoso para todos.
## Comportamiento Esperado
- Ser respetuoso y empático
- Aceptar críticas constructivas
- Centrarse en lo mejor para la comunidad
## Comportamiento Inaceptable
- Comentarios ofensivos o discriminatorios
- Acoso público o privado
- Publicación de información privada sin consentimiento
## Aplicación
Los maintainers son responsables de hacer cumplir este código de conducta./**
* Sistema Shop - storage-utils.js
* Utilidades de almacenamiento y gestión de datos
*
* @author ozclef
* @version 1.0.0
* @license MIT
* @copyright 2024 ozclef. Todos los derechos reservados.
*/<!--
Sistema Shop - Punto de Venta
Desarrollado por ozclef
Copyright (c) 2024 - Todos los derechos reservados
Licencia: MIT
-->/sistem-shop/
├── LICENSE 📄
├── README.md 📄
├── AUTHORS.md 📄
├── SECURITY.md 📄
├── CODE_OF_CONDUCT.md 📄
├── index.html 🏠
├── index_pos.html 🛒
├── admin.html 📦
├── auditor.html 🔍
├── reports.html 📊
├── cortes.html 💳
├── personal.html 👥
├── login.html 🔐
├── config.html ⚙️
├── profile.html 👤
├── styles_system.css 🎨
├── storage-utils.js 💾
├── accounting.js 🧮
├── pos.js 🛒
├── auth.js 🔐
└── inventario.json 📋
¡Y listo! 🎉 Ahora tu proyecto está completamente documentado y protegido con:
- ✅ Licencia MIT clara y estándar
- ✅ README profesional con badges
- ✅ Información de autores y colaboradores
- ✅ Políticas de seguridad
- ✅ Código de conducta para contribuciones
- ✅ Créditos en todos los archivos
estructura de licencia
archivos de configuración
módulos del sistema. 😊
2026 - abril - mayo update repositorio no publico
Sistema modular de Punto de Venta (POS), inventario, auditoría y administración desarrollado con HTML, CSS, JavaScript y Supabase.
- arquitectura
- módulos
- CRUD
- Supabase
- auth
- inventario
- caducidades
- deploy
- estructura de carpetas
- roles
- seguridad
- roadmap
- SQL
- Vercel
- flujo del sistema
README de proyecto serio/portafolio técnico.
TIENDAS 3E PORTAL es un sistema administrativo orientado a:
- Punto de venta (POS)
- Gestión de inventario
- Control de caducidades
- Auditoría
- Gestión de usuarios
- Reportes
- Administración modular
El proyecto fue construido como una arquitectura híbrida:
- Frontend modular en JavaScript
- Persistencia local mediante JSON y LocalStorage
- Migración progresiva hacia backend real con Supabase
- Sistema de autenticación escalable
- Venta rápida de productos
- Cálculo automático de totales
- Cobro en efectivo y tarjeta
- Tickets
- Búsqueda rápida de productos
- Integración futura con código de barras
- Sistema modular
CRUD completo:
genui{"math_block_widget_always_prefetch_v2":{"content":"CRUD = {Create,\ Read,\ Update,\ Delete}"}}
Funciones:
- Crear productos
- Editar inventario
- Actualizar stock
- Modificar precios
- Eliminar productos
- Control de categorías
- Gestión de cantidades
- Control de stock bajo
- Inventario teórico vs físico
Sistema inteligente para:
- Detectar productos próximos a vencer
- Marcar productos caducados
- Calcular vida útil automáticamente
- Gestionar fechas de fabricación
- Colorear estados visualmente
Estados:
- OK
- Por vencer
- Caducado
- Sin fecha
Módulo orientado a:
- Revisar movimientos
- Ver historial
- Auditoría de acciones
- Seguimiento de operaciones
- Control administrativo
- Reportes de ventas
- Reportes financieros
- Métricas rápidas
- Inventario total
- Productos críticos
- Estadísticas generales
Roles planeados:
| Rol | Acceso |
|---|---|
| Empleado | POS y lectura |
| Encargado | CRUD parcial |
| Gerente | Acceso completo |
| Auditor | Reportes y auditoría |
El sistema fue diseñado para funcionar inicialmente con:
- JSON
- LocalStorage
- Frontend puro
Y posteriormente migrar hacia:
- Supabase Auth
- Base de datos PostgreSQL
- Row Level Security (RLS)
- Roles reales
- Backend escalable
-
HTML5
-
CSS3
-
SCSS
-
JavaScript ES6+
- GitHub
- Vercel
/sistem-shop/
├── index.html
├── index_pos.html
├── admin.html
├── auditor.html
├── reports.html
├── personal.html
├── login.html
├── config.html
├── profile.html
├── debug.html
├── test.html
├── test-simple.html
│
├── /caducidades/
│ ├── index.html
│ ├── app.js
│ ├── script.js
│ ├── style.scss
│ ├── inventario.json
│ └── inventario_caducidades.json
│
├── /js/
│ ├── auth.js
│ ├── accounting.js
│ ├── app_admin.js
│ ├── storage-utils.js
│ ├── pos.js
│ ├── inventory.js
│ └── supabaseClient.js
│
├── /data/
│ └── inventario.json
│
├── styles_system.css
├── README.md
├── LICENSE.md
└── db.mdEl sistema originalmente trabajaba con:
- LocalStorage
- Usuarios simulados
- Roles en frontend
Ejemplo:
const user = {
username: 'admin',
role: 'admin'
}Actualmente el proyecto está migrando hacia autenticación real usando Supabase.
Ejemplo:
const { error } = await supabase.auth.signInWithPassword({
email,
password
})NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=SERVICE_ROLE_KEY=
JWT_SECRET=
POSTGRES_PASSWORD=El sistema actualmente es un MVP funcional.
Se utilizan:
- Roles visuales
- Restricción por frontend
- Auth híbrido
- Validaciones JavaScript
- Row Level Security (RLS)
- Policies SQL
- Roles reales
- Middleware
- Backend seguro
- Validaciones servidor
Modelo aproximado:
CREATE TABLE productos (
id BIGINT PRIMARY KEY GENERATED ALWAYS AS IDENTITY,
codigo_barras TEXT UNIQUE,
nombre TEXT NOT NULL,
cantidad INTEGER DEFAULT 0,
precio NUMERIC(10,2),
fecha_caducidad DATE,
creado_en TIMESTAMP DEFAULT NOW()
);Login
↓
Portal Principal
↓
POS / Inventario / Auditoría
↓
CRUD
↓
Persistencia JSON o SupabasePortal principal del sistema.
Funciones:
- Navegación principal
- Estadísticas rápidas
- Acceso modular
- Dashboard visual
Panel administrativo.
Funciones:
- CRUD
- Inventario
- Edición de productos
- Gestión de stock
- Ajustes
Punto de venta.
Funciones:
- Cobro
- Tickets
- Búsqueda rápida
- Ventas
- Carrito
Funciones:
- Logs
- Reportes
- Auditoría
- Historial
Funciones:
- Analytics
- Métricas
- Reportes financieros
- Estadísticas
Sistema de autenticación.
Funciones:
- Login
- Roles
- Sesiones
- Validación
El objetivo principal del proyecto es:
- Aprender arquitectura real
- Separar frontend y backend
- Entender autenticación
- Construir sistemas escalables
- Crear una base administrativa reutilizable
git clone https://github.com/usuario/repositorio.gitcd tiendas3e-portalRecomendado:
- VSCode
- Live Server Extension
- Conectar repositorio GitHub
- Configurar variables de entorno
- Deploy automático
✅ Dashboard
✅ POS
✅ CRUD básico
✅ Inventario
✅ Caducidades
✅ Reportes básicos
✅ Roles visuales
✅ Persistencia JSON
✅ Migración a Supabase
🚧 RLS
🚧 Auth real completo
🚧 Código de barras
🚧 Auditoría avanzada
🚧 Multiusuario real
🚧 Exportación Excel
🚧 API modular
Este proyecto sirve como práctica de:
- Arquitectura frontend
- Gestión modular
- Sistemas POS
- CRUDs reales
- SQL
- PostgreSQL
- Supabase
- Deploy
- Roles y permisos
- Diseño de sistemas administrativos
Proyecto educativo y experimental.
# ✨ Autor
Desarrollado por:
[OzClef](https://github.com/ozclef)
Proyecto orientado al aprendizaje práctico de sistemas administrativos, inventarios, backend híbrido y autenticación moderna.
Este proyecto representa una transición entre:
- aplicaciones frontend simples
- y arquitectura real cliente-servidor.
Incluye:
- autenticación
- inventarios
- persistencia
- dashboards
- control de roles
- CRUDs
- auditoría
- analytics
El objetivo final es evolucionar hacia una plataforma completamente modular y escalable basada en Supabase y PostgreSQL.