Proyecto que te permite crear, gestionar y marcar tareas como completadas o eliminarlas según sea necesario. Todas las tareas se almacenarán localmente en el navegador utilizando localStorage.
.
├── assets
│ ├── icons
│ │ ├── css.svg
│ │ ├── git.svg
│ │ ├── html.svg
│ │ ├── js.svg
│ │ └── todo-list.svg
│ └── img
│ ├── dark-theme.webp
│ └── light-theme.webp
├── src
│ ├── scripts
│ │ ├── index.js
│ │ └── theme.js
│ └── styles
│ ├── index.css
│ └── theme.css
├── .gitignore
├── index.html
└── README.md
- Clona este repositorio
$ git clone https://github.com/anibalcoder/todo-list.git
- Abre Visual Studio Code
$ code .
- Visualiza el proyecto
Abre el archivo index.html en tu navegador web.
El proyecto utiliza dos esquemas de colores: Uno para el tema claro y otro para el tema oscuro.
- Fondo del documento:
hsl(214, 26%, 95%)
- Fondo de las tareas:
hsl(214, 10%, 86%)
- Color del título de las tareas:
hsl(205, 30%, 22%)
- Fondo del campo de texto de las tareas:
hsl(214, 26%, 95%)
- Fondo de botón Crear Tarea:
hsl(204, 100%, 50%)
- Fondo de la tarea:
hsl(248, 100%, 70%)
- Fondo del documento:
hsl(205, 33%, 10%)
- Fondo de las tareas:
hsl(205, 64%, 11%)
- Color del título de las tareas:
hsl(0, 0%, 98%)
- Fondo del campo de texto de las tareas:
hsl(214, 26%, 85%)
- Fondo de botón Crear Tarea:
hsla(205, 96%, 43%, 0.8)
- Fondo de la tareas:
hsl(207, 58%, 19%)