Loading repository data…
Loading repository data…
JDMMonsalve / repository
Este Diario fue creado con el unico proposito de estudiar JavaScript y mejorar mis habilidades en estos lenguajes con la creacion de este miniproyecto que es un diario donde puedes colocar como te sientes en estos momentos teniendo un lugar donde desahogarte
Un mini proyecto de JavaScript vanilla para practicar los conceptos básicos del lenguaje, con estética japonesa (blanco / negro / rojo) y modo claro/oscuro.
Próximamente — podés agregar un screenshot del proyecto aquí
El Diario del Samurái es una aplicación web donde podés escribir reflexiones del día, asignarles un estado de ánimo (mood), filtrarlas y borrarlas. Todo funciona en el navegador sin necesidad de servidor ni base de datos.
diario-samurai/
├── index.html → estructura de la página
├── style.css → estilos y modo oscuro
└── script.js → toda la lógica en JavaScript
| Concepto | Descripción |
|---|---|
let / const | Declaración de variables |
Arrays y .push() | Guardar entradas en una lista |
Objetos {} | Cada entrada es un objeto con propiedades |
addEventListener | Detectar clicks del usuario |
getElementById / querySelectorAll | Seleccionar elementos del DOM |
.textContent / .innerHTML | Modificar texto y HTML en pantalla |
.classList.add/remove | Manejar clases CSS desde JS |
.value | Leer lo que escribe el usuario |
.filter() | Filtrar entradas por mood |
.map() | Transformar el array en HTML |
.reduce() | Sumar el total de palabras |
Template literals | Construir HTML dinámico con variables |
Funciones | Organizar el código en bloques reutilizables |
Date | Obtener y formatear la fecha actual |
Booleanos | Controlar el estado del modo oscuro |
No necesita instalación. Solo seguí estos pasos:
1. Clonar el repositorio
git clone https://github.com/Miniyonminerat/diario-samurai.git
2. Entrar a la carpeta
cd diario-samurai
3. Abrir el proyecto
Abrí el archivo index.html directamente en tu navegador, o si tenés la extensión Live Server en VS Code, hacé click derecho sobre index.html → Open with Live Server.
No requiere Node.js, npm ni ninguna dependencia externa.
Juan Diego Monsalve Martinez GitHub: @Miniyonminerat
Este proyecto fue desarrollado como ejercicio práctico para afianzar los fundamentos de JavaScript durante mi proceso de formación como desarrollador fullstack. Cada línea del código está documentada en español para reforzar el aprendizaje.