✨ Form Neon CRUD – JcDuro Dashboard

Pequeño módulo CRUD desarrollado en PHP con PDO y MySQL para gestionar registros de contacto (nombre, correo, teléfono, país y ciudad) desde una interfaz con estilo azul neón integrada al JcDuro Dashboard.

📚 Índice

• Descripción
• Características
• Tecnologías
• Estructura del proyecto
• Base de datos
• Instalación
• Uso

---

🖼️ Vista previa

---

🚀 Demo

Crud

---

📊 Lenguajes y Herramientas

---

📝 Descripción

Form Neon es un CRUD construido con PHP + PDO y MySQL para administrar registros de usuarios (nombre, correo, teléfono, país y ciudad) desde un panel web con estética neón, como parte del ecosistema JcDuro Dashboard.

El objetivo es ofrecer un ejemplo limpio y reutilizable de CRUD (Create, Read, Update, Delete) que pueda integrarse fácilmente en otros módulos del dashboard o proyectos similares.

---

📦 Características

✅	Descripción
🎨	Diseño neon azul con sombras y bordes luminosos
📱	Totalmente responsive
🔄	Envío AJAX (sin recargar página)
🌍	Selector dinámico de país → ciudad
🛡️	Prevención de SQL-injection con PDO y prepared statements
📋	Listado en tiempo real tras cada registro
⚡	Código limpio y comentado

---

💻 Tecnologías

• PHP 7+ con PDO para la capa de acceso a datos.
• MySQL / MariaDB como motor de base de datos.
• HTML5 y CSS3 para el layout y estilos neón personalizados.
• JavaScript vanilla para controlar el modal de confirmación de borrado.
• Plantillas propias del JcDuro Dashboard para la estructura general del layout.

---

🗂 Estructura del proyecto

proyectos/dashjc/crud/
├── db.php           # Conexión PDO a MySQL
├── crud.php         # Listado principal de registros + acciones
├── create.php       # Alta de nuevos registros
├── read.php         # Vista de detalle
├── update.php       # Edición de registros
├── delete.php       # Eliminación de registros
└── (CSS/JS compartidos en plantillas globales del dashboard)

---

Base de datos y preview

💽 Base de datos

El proyecto utiliza una tabla llamada form_neon con la siguiente estructura:

CREATE TABLE `form_neon` (
  `id` int(11) NOT NULL,
  `nombre` varchar(100) NOT NULL,
  `correo` varchar(255) NOT NULL,
  `telefono` varchar(50) NOT NULL,
  `pais` varchar(100) NOT NULL,
  `ciudad` varchar(100) NOT NULL,
  `fecha_registro` datetime DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

---

🚀 Instalación

1. Clonar o descargar este repositorio.

2. Crear la base de datos e importar la tabla form_neon con el script SQL anterior.

3. Configurar las credenciales en db.php:

   $DB_HOST = 'localhost';
   $DB_NAME = 'form_neon';
   $DB_USER = 'tu_usuario';
   $DB_PASS = 'tu_password';
   
   
   

Integrar la carpeta crud dentro de tu JcDuro Dashboard (o ajustar rutas de header.php, menu.php, footer.php).

Acceder a crud.php desde el navegador o enlazarlo desde el menú principal del dashboard.

---

🧩 Uso

Crear: botón + Nuevo registro → formulario en create.php para alta de datos.

Leer: enlace Ver (verde neón) para ver el detalle del registro en read.php.

Actualizar: enlace Editar (azul neón) para modificar campos en update.php.

Eliminar: botón Eliminar (rojo neón) abre un modal de confirmación antes de llamar a delete.php.

---

📌 To‑Do

Validación avanzada (formato de correo, longitud de campos, etc.).

Paginación y filtros en el listado (por nombre, correo, país o ciudad).

Mensajes flash de éxito/error centralizados en las plantillas globales.

Internacionalización de textos (ES/EN) y mejoras de accesibilidad.

---

📄 Licencia

Libre, usalo como quieras

Hecho con 💙 y neones

---

⭐ Si te gustó este proyecto, no olvides dejar una estrella en GitHub!