https://github.com/notyel/todo-js-exercise
Esta aplicación de gestión de tareas permite a los usuarios agregar, marcar como completadas y eliminar tareas. Utiliza JavaScript Vanilla y almacena el estado de las tareas en el almacenamiento local del navegador para mantener la lista de tareas incluso después de cerrar el navegador.
https://github.com/notyel/todo-js-exercise
Last synced: 6 months ago
JSON representation
Esta aplicación de gestión de tareas permite a los usuarios agregar, marcar como completadas y eliminar tareas. Utiliza JavaScript Vanilla y almacena el estado de las tareas en el almacenamiento local del navegador para mantener la lista de tareas incluso después de cerrar el navegador.
- Host: GitHub
- URL: https://github.com/notyel/todo-js-exercise
- Owner: notyel
- License: mit
- Created: 2024-06-08T21:21:08.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-26T01:35:13.000Z (over 1 year ago)
- Last Synced: 2025-03-22T07:48:11.226Z (10 months ago)
- Language: JavaScript
- Homepage: https://todo-js-exercise.vercel.app
- Size: 16.6 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Todo JS Exercise
Este proyecto es una aplicación simple de gestión de tareas creada con JavaScript Vanilla. La aplicación permite a los usuarios agregar, marcar como completadas y eliminar tareas, y guarda el estado de las tareas en el almacenamiento local del navegador.
## Características
- Añadir nuevas tareas.
- Marcar tareas como completadas.
- Eliminar tareas.
- Guardar y cargar tareas usando el almacenamiento local del navegador.
## Estructura del Proyecto
```
todo-js-exercise/
├── index.html
├── main.js
├── style.css
└── README.md
```
- `index.html`: El archivo HTML principal que estructura la aplicación.
- `main.js`: El archivo JavaScript que contiene la lógica de la aplicación.
- `style.css`: El archivo CSS para estilizar la aplicación.
- `README.md`: Este archivo, que contiene información sobre el proyecto.
## Instrucciones de Uso
1. Clona este repositorio o descarga los archivos.
2. Abre `index.html` en tu navegador.
## Descripción del Código
### HTML
El archivo `index.html` estructura la aplicación con un campo de entrada para nuevas tareas, un botón para añadir tareas, y una lista desordenada para mostrar las tareas.
### JavaScript
El archivo `main.js` contiene la lógica para manejar las tareas: crear, eliminar y marcar como completadas, así como guardar el estado en el almacenamiento local.
### CSS
El archivo `style.css` contiene los estilos básicos para la aplicación. Puedes agregar tus propios estilos para personalizar la apariencia de la aplicación según tus preferencias.