Skip to content
 
 

Repository files navigation

no-system


¡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.

📄 Parte 10 — Archivos de Licencia y Documentación

image

1. LICENSE (Licencia MIT - Recomendada para proyectos open source)

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.

2. README.md (Documentación principal del proyecto)

# 🏪 Sistema Shop - Sistema de Punto de Venta Completo

![Version](https://img.shields.io/badge/version-1.0.0-blue.svg)
![License](https://img.shields.io/badge/license-MIT-green.svg)
![Status](https://img.shields.io/badge/status-active-success.svg)

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
  1. Abre el archivo index.html en tu navegador o sirve los archivos en un servidor web.

  2. Configura tu inventario.json con los productos iniciales.

📁 Estructura del Proyecto

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

🛠 Tecnologías Utilizadas

  • Frontend: HTML5, CSS3, JavaScript ES6+
  • Almacenamiento: LocalStorage API + JSON
  • Estilos: CSS Grid, Flexbox, Diseño Responsive
  • Iconos: Emojis nativos (sin dependencias externas)

📄 Licencia

Este proyecto está bajo la Licencia MIT - ver el archivo LICENSE para más detalles.

👨‍💻 Autor

ozclef

🙏 Agradecimientos

  • 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

4. SECURITY.md (Para reportar vulnerabilidades)

# 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:                |

5. CODE_OF_CONDUCT.md (Para contribuciones)

# 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.

🛡️ Recomendaciones Adicionales

En cada archivo JavaScript, agrega este header:

/**
 * 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.
 */

En los archivos HTML, agrega en los comentarios:

<!-- 
Sistema Shop - Punto de Venta
Desarrollado por ozclef
Copyright (c) 2024 - Todos los derechos reservados
Licencia: MIT
-->

📋 Estructura final con documentación:

/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

🏪 TIENDAS 3E PORTAL

Sistema modular de Punto de Venta (POS), inventario, auditoría y administración desarrollado con HTML, CSS, JavaScript y Supabase.


tiendas3e -- Tabla inventario para control de caducidades


README, estructurado y mucho más profesional para el portal TIENDAS 3E:

  • 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.


📌 Descripción General

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
image

🚀 Características Principales

🛒 Punto de Venta (POS)

  • 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

📦 Administración e Inventario

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 de Caducidades

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

🔍 Auditoría

Módulo orientado a:

  • Revisar movimientos
  • Ver historial
  • Auditoría de acciones
  • Seguimiento de operaciones
  • Control administrativo

📊 Reportes y Analytics

  • Reportes de ventas
  • Reportes financieros
  • Métricas rápidas
  • Inventario total
  • Productos críticos
  • Estadísticas generales

👥 Gestión de Personal

Roles planeados:

Rol Acceso
Empleado POS y lectura
Encargado CRUD parcial
Gerente Acceso completo
Auditor Reportes y auditoría

🧠 Arquitectura del Proyecto

Arquitectura híbrida

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

⚙️ Tecnologías Utilizadas

Frontend

  • HTML5

  • CSS3

  • SCSS

  • JavaScript ES6+

image

Backend / Datos

  • Supabase

  • PostgreSQL

  • JSON

  • LocalStorage

    image

Hosting y Deploy

  • GitHub
  • Vercel

📁 Estructura del Proyecto

/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.md

🔐 Sistema de Autenticación

Etapa inicial

El sistema originalmente trabajaba con:

  • LocalStorage
  • Usuarios simulados
  • Roles en frontend

Ejemplo:

const user = {
  username: 'admin',
  role: 'admin'
}

Migración a Supabase Auth

Actualmente el proyecto está migrando hacia autenticación real usando Supabase.

Ejemplo:

const { error } = await supabase.auth.signInWithPassword({
  email,
  password
})

🔑 Variables de Entorno

Variables públicas permitidas

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=

Variables privadas (NO subir)

SERVICE_ROLE_KEY=
JWT_SECRET=
POSTGRES_PASSWORD=

🛡️ Seguridad

Estado actual

El sistema actualmente es un MVP funcional.

Se utilizan:

  • Roles visuales
  • Restricción por frontend
  • Auth híbrido
  • Validaciones JavaScript

Próximas mejoras

  • Row Level Security (RLS)
  • Policies SQL
  • Roles reales
  • Middleware
  • Backend seguro
  • Validaciones servidor

📦 Inventario y Productos

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()
);

📈 Flujo General del Sistema

Login
↓
Portal Principal
↓
POS / Inventario / Auditoría
↓
CRUD
↓
Persistencia JSON o Supabase

🧩 Módulos Principales

index.html

Portal principal del sistema.

Funciones:

  • Navegación principal
  • Estadísticas rápidas
  • Acceso modular
  • Dashboard visual

admin.html

Panel administrativo.

Funciones:

  • CRUD
  • Inventario
  • Edición de productos
  • Gestión de stock
  • Ajustes

index_pos.html

Punto de venta.

Funciones:

  • Cobro
  • Tickets
  • Búsqueda rápida
  • Ventas
  • Carrito

auditor.html

Funciones:

  • Logs
  • Reportes
  • Auditoría
  • Historial

reports.html

Funciones:

  • Analytics
  • Métricas
  • Reportes financieros
  • Estadísticas

login.html

Sistema de autenticación.

Funciones:

  • Login
  • Roles
  • Sesiones
  • Validación

🧠 Filosofía del Proyecto

El objetivo principal del proyecto es:

  • Aprender arquitectura real
  • Separar frontend y backend
  • Entender autenticación
  • Construir sistemas escalables
  • Crear una base administrativa reutilizable

🛠️ Instalación

Clonar repositorio

git clone https://github.com/usuario/repositorio.git

Entrar al proyecto

cd tiendas3e-portal

Abrir con Live Server

Recomendado:

  • VSCode
  • Live Server Extension

☁️ Deploy

Vercel

  1. Conectar repositorio GitHub
  2. Configurar variables de entorno
  3. Deploy automático

📌 Estado del Proyecto

Actualmente implementado

✅ Dashboard

✅ POS

✅ CRUD básico

✅ Inventario

✅ Caducidades

✅ Reportes básicos

✅ Roles visuales

✅ Persistencia JSON

✅ Migración a Supabase


En desarrollo

🚧 RLS

🚧 Auth real completo

🚧 Código de barras

🚧 Auditoría avanzada

🚧 Multiusuario real

🚧 Exportación Excel

🚧 API modular


🧪 Objetivos Técnicos

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

📄 Licencia

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.



🔥 Notas Finales

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.

About

url home principa- NO UPDATE l website html index.html para menú principal de Tiendas 3E - organización creada a aprtir para repositorios y portafolio dev de Emilio Dev Tlaxcala Poitecnica project 2025- 0'26 https://tiendas3e-portal.vercel.app nueva version pero

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages