📋 TO-DO-List-F5

Esta aplicación tipo to-do list permite gestionar de forma sencilla las tareas: añadir, ver, modificar y eliminar.

---

💻 Tecnologías usadas:

• HTML
• CSS
• JavaScript (Vanilla)
• Node JS
• Fetch API
• Json-server (fake API)
• localStorage (como respaldo de los datos)

---

🛠️ Herramientas

• Visual Studio Code
• Git / Github
• Trello (Planificación de tareas)
• Figma (wireframe y prototipo visual)

---

📍 Planificación en Trello

Puedes ver la planificación entera del proyecto en este tablero:

👉 Tablero de Trello 👈

---

🎞️ Wireframe

Antes de empezar a maquetar, se realizó un wireframe mínimo para planificar la estructura visual de la app.

Página TO-Do-List sin tareas

Página To-Do-List con tareas

---

Diagrama de flujo

En este diagrama se mostrará la historia del usuario en diferentes etapas:

---

Vista previa:

---

Clonar repositorio

1. Abrir símbolo de consola y redirigirte a la ruta de proyectos (P.E.: C://Documentos/Proyectos)
2. Ejecutar el siguiente comando: git clone https://github.com/DavidLapi/TO-DO-List-F5.git
3. ¡Listo! Tienes clonado tu repositorio.

Instalación de Json-server

1. Abrir símbolo de consola y redirigirte a la ruta del proyecto (P.E.: C://Documentos/Proyectos/TO-DO-List-F5)
2. Comprobar si tenemos instalado Node.js (Ejecutar comando: node -v)
3. Instalar json-server con este comando: npm install --save-dev json-server
4. Crear archivo db.json
5. Ejecutar el siguiente comando: json-server --watch db.json (opcional: npx json-server --watch db.json por si no se ha instalado correctamente el paquete)
6. ¡Listo! API creada --> http://localhost:3000