Skip to content

Latest commit

 

History

History
78 lines (59 loc) · 2.89 KB

README.md

File metadata and controls

78 lines (59 loc) · 2.89 KB

App de Notas

Tabla de contenidos

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

Desktop Screenshot

Mobile Screenshot

Mi proceso

Herramientas

HTML5 JavaScript CSS3 Visual Studio Code

  • 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