App de Notas

Tabla de contenidos

• Overview
  • Challenge
  • Screenshot
• Mi proceso
  • Herramientas
  • Aprendizaje
  • Oportunidades de mejora

Overview

Challenge

Los usuarios serán capaces de:

• Agregar y borrar notas.
• Alternar entre el modo oscuro y claro.
• Guardado de notas y tema.

Screenshot

Mi proceso

Herramientas

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• JavaScript

Aprendizaje

• Listeners de eventos: Añadí listeners a elementos para manejar las interacciones del usuario, como clics en botones, utilizando addEventListener.
• Manejo de eventos: Implementé funciones para responder a eventos del usuario, como la creación y eliminación de tarjetas.
• Persistencia de datos: Utilicé localStorage para guardar datos entre recargas de página.
• JSON: Trabajé con JSON.stringify y JSON.parse para almacenar y recuperar objetos complejos en localStorage.
• Alternancia de temas: Implementé lógica condicional para alternar entre temas oscuro y claro basándome en las preferencias del usuario almacenadas.
• Seguimiento de estado utilizando variables para mantener el seguimiento de las notas y sus IDs.
• Contenido dinámico basado en la entrada del usuario y en datos almacenados.
• Actualización del DOM en el estado de la aplicación, como la adición y eliminación de notas.
• Manipulación de Clases CSS y toggles.
• Validación de Datos

Oportunidades de mejora

• Mejora del Rendimiento
• Gestión de Estados Complejos
• Mejoras en la UX/UI
• Manejo de Errores
• Accesibilidad
• Modularización del código