Anatomía de una app full-stack

De abajo a arriba

Una aplicación full-stack tiene tres capas. La forma más sólida de construirla es de abajo a arriba, asegurando cada capa antes de la siguiente:

1. Base de datos: dónde viven los datos de forma permanente (las tareas).
2. Backend (API): la lógica y los endpoints que leen y modifican esos datos.
3. Frontend: la interfaz que el usuario ve, que consume la API.

El proyecto: un gestor de tareas

Vas a construir las piezas de un gestor de tareas. Una tarea es un objeto:

{ id: 1, titulo: "Estudiar SQL", hecha: false }

En los siguientes ejercicios construirás, en orden:

• la consulta que lista las tareas pendientes (SQL),
• el backend que completa una tarea (JavaScript),
• la estructura HTML de la lista,
• un componente de React que la pinta,
• y la conexión del frontend con la API (fetch).

Cada pieza es pequeña; juntas forman una app real. ¡Vamos!