PHP · PDO · MySQL · JavaScript
TodoApp
Una lista sencilla.
Un recorrido web completo.
La idea era pequeña a propósito: construir una aplicación que pasara por autenticación, sesiones, base de datos y peticiones asíncronas sin esconder el funcionamiento detrás de un framework.
Abrir la demoNUEVA TAREA
Revisar despliegue
Comprobar rutas, permisos y conexión.
3 TAREAS
ServidorPHP 8 + PDO
DatosMySQL
InteracciónFetch API
Acceso demousuario / usuario
El proyecto
Un proyecto para conectar todas las capas.
TodoApp empezó como una práctica de formularios y terminó conectando todas las piezas habituales de una aplicación web.
El usuario inicia sesión, PHP mantiene su sesión, PDO limita cada consulta a sus datos y JavaScript añade o elimina tareas sin recargar toda la página. Es un proyecto corto, pero deja visible el recorrido de una petición de principio a fin.
Recorrido
Qué ocurre al crear una tarea.
- Login
La contraseña se comprueba contra su hash.
- Sesión
Cada petición conserva la identidad del usuario.
- PDO
Las consultas preparadas leen y escriben en MySQL.
- Interfaz
Fetch actualiza la lista sin recargar la página.
Qué incluye
Funciones implementadas.
Usuarios con contraseña almacenada mediante un hash seguro y sesión individual.
Tareas guardadas por usuario en una base de datos MySQL.
Altas y bajas asíncronas con respuesta JSON.
Consultas preparadas, escape de salida, protección CSRF y cookies de sesión restringidas.
Demo
Acceso a la demo.
La cuenta de demostración permite entrar directamente en la aplicación.
- Usuario
- usuario
- Contraseña
- usuario