Skip to content

Latest commit

 

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CampusParking Control 🚗🏍️

ParkingControl es un sistema web de gestión y control de parqueo desarrollado con tecnologías frontend nativas. Está enfocado en la administración eficiente de vehículos, el control dinámico de espacios y el cálculo automático de cobros en tiempo real.


📌 Características Principales

Sistema de Autenticación

  • Inicio de sesión exclusivo para el rol de Administrador.
  • Validación segura de credenciales.
  • Opción para actualizar correo y contraseña de acceso.
  • Persistencia de sesión mediante LocalStorage.

Gestión de Vehículos (CRUD)

  • Registro, lectura, actualización y eliminación de vehículos.
  • Filtro y visualización en tiempo real de vehículos activos.
  • Validación de placas guatemaltecas:
    • Carros: Formato P123ABC
    • Motos: Formato M123ABC

Control de Parqueo

  • Slots dinámicos separados por tipo de vehículo (Carros / Motos).
  • Monitoreo visual de espacios ocupados y libres.
  • Asignación automática de slots disponibles.
  • Sistema de prevención de espacios duplicados.
  • Interfaz interactiva para la visualización del estado del parqueo.

Control de Tiempo y Cobro

  • Registro automatizado de la hora de entrada y salida.
  • Cálculo exacto del tiempo de permanencia.
  • Cálculo automático de la tarifa basada en la siguiente estructura de cobro:
Vehículo Tarifa por Hora
🚗 Carro Q10.00 / hr
🏍️ Moto Q5.00 / hr

Historial de Parqueo

  • Registro persistente de todas las salidas procesadas.
  • Motor de búsqueda optimizado por número de placa.
  • Desglose detallado por registro: Hora de entrada, hora de salida, tiempo total transcurrido y total pagado.

Generaciòn de reportes

  • Selecciòn de un rango de fechas.
  • Bùsqueda del historial registrado entre el rango de fechas.
  • Despliegue de tabla con la informaciòn de los vehìculos y cards con informaciòn general.

🛠️ Tecnologías Utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • LocalStorage
  • GitHuab

📂 Estructura del Proyecto

project/
│
├── index.html
├── dashboard.html
│
├── css/
│   ├── index-style.css
│   └── dashboard-style.css
│
├── js/
│   ├── login.js
│   ├── dashboard.js
│   ├── history.js
│   ├── stats.js
│   ├── profile.js
│   ├── reports.js
│   └── earnings.js
│
└── assets/

🪶 Autores

He aquí los responsables de que este proyecto se haya podido llevar a cabo:

Releases

Packages

Contributors

Languages