ReactJS ToDoList
1.0.0
Este proyecto implementa el Front-End para una aplicación web simple de lista de tareas pendientes, utilizando la biblioteca React JS y también componentes con estilo que reemplazan CSS puro.
Incluye la página de inicio de sesión y la interfaz de usuario general de la aplicación.
La lógica de autenticación de inicio de sesión y la base de datos de tareas para cada usuario no están implementadas, ya que este proyecto pretende ser un estudio de Front-End únicamente.
La página de inicio de sesión se inspiró en este diseño de Jordan Hughes. La página de inicio se inspiró en este diseño de Mik Skuza.
• Página de inicio de sesión, incluido el botón Iniciar sesión, que redirige a la aplicación principal;
• UI de la aplicación con barra lateral de navegación y área para la lista de tareas pendientes;
• Agregar nueva tarea, configurando propiedades de nombre y categoría;
• Eliminar tarea, con un modal para confirmar la acción;
• Marque la tarea como realizada mediante la casilla de verificación;
• Filtrar las tareas que aparecen en la lista de tareas pendientes por "hechas", "no hechas" o "todas";
• Filtrar las tareas que se muestran en la lista de tareas pendientes por categoría, seleccionando en la barra lateral;
• Autorización: el usuario no puede acceder a la página de inicio antes de iniciar sesión, ni a la página de inicio de sesión después de iniciar sesión.
Obs.: actualmente, las funcionalidades de "editar tarea" y agregar o quitar categorías no están implementadas, ya que consideré que no contribuiría mucho a mi aprendizaje personal y consumiría mucho tiempo. Quizás implemente esto más adelante.
Si quieres probar este proyecto tú mismo:
sudo npm install -g yarnyarn install en la terminal, dentro de la carpeta donde descargó el proyecto, para instalar todas las dependencias utilizadas.yarn start para ejecutar el proyecto en su navegador.
