Skip to content

Esta aplicación de gestión de tareas ha sido desarrollada con TypeScript y React, diseñada para facilitar la organización y administración eficiente de tus quehaceres diarios. Se hace uso de localStorage para almacenar las tareas localmente y un plus es que contiene tema Claro/Oscuro.

Notifications You must be signed in to change notification settings

Castamor/listado-tareas-ts

Repository files navigation

Gestor de Tareas: Aplicación TODO

Esta aplicación de gestión de tareas ha sido desarrollada con TypeScript y React, diseñada para facilitar la organización y administración eficiente de tus quehaceres diarios. Además, hace uso de localStorage para almacenar las tareas localmente.

Aprendizajes Destacados

Este proyecto ha representado un desafío enriquecedor en varios aspectos:

  • Typescript: Esta ha sido mi primera inmersión en el mundo de TypeScript. A lo largo del proyecto, he explorado sus fundamentos, comprendido su funcionamiento y apreciado las ventajas que ofrece para mejorar la experiencia de desarrollo y prevenir errores de tipado.

  • Configuración de Proyecto: Configurar adecuadamente la relación entre TypeScript y ESLint fue un desafío, pero logré establecer una configuración sólida y funcional para ambos.

  • Zustand: He optado por implementar el manejador de estado Zustand, una alternativa a Context de React que, en mi experiencia, ofrece una simplicidad y facilidad de uso que encuentro especialmente atractiva.

Funcionalidades Clave

  • Agregar Tareas: Permite la inclusión de tareas de múltiples líneas mediante el atajo <Ctrl + Enter> para una inserción inmediata.

  • Listado de Tareas: Visualización clara y ordenada del contenido de cada tarea.

  • Edición de Tareas: Facilita la modificación del contenido de una tarea sin necesidad de eliminarla y recrearla.

  • Sistema de Filtros: Categorización de tareas en Todas, Completadas y Pendientes para una mejor organización.

  • Ordenamiento de Tareas: Permite ordenarlas por más Recientes o más Antiguas.

  • Modo Claro/Oscuro: Ofrece la opción de cambiar entre temas de visualización para adaptarse a diferentes preferencias o condiciones de iluminación.

Captura de Pantalla del Proyecto

Tecnologías Utilizadas

  • React
  • TypeScript
  • Zustand
  • Vite
  • ESLint
  • Netlify
README.md - versión 1 (Creación)

About

Esta aplicación de gestión de tareas ha sido desarrollada con TypeScript y React, diseñada para facilitar la organización y administración eficiente de tus quehaceres diarios. Se hace uso de localStorage para almacenar las tareas localmente y un plus es que contiene tema Claro/Oscuro.

Topics

Resources

Stars

Watchers

Forks