Este proyecto es un reloj analógico interactivo implementado utilizando HTML, CSS y JavaScript. Es una práctica de desarrollo web donde se utiliza CSS para estilizar el reloj y JavaScript para actualizar dinámicamente las manecillas.
El objetivo principal de este proyecto es aprender y practicar el uso de CSS para la creación de interfaces atractivas y mejorar las habilidades en el desarrollo front-end. Además, se planea realizar una mejora futura en el código al compilarlo con Sass, un preprocesador de CSS, para aprovechar sus características como variables, anidamiento y mixins, lo que facilitará el mantenimiento y la escalabilidad del código.
El reloj analógico muestra la hora actual en un formato tradicional, con manecillas para las horas, los minutos y los segundos. El uso de JavaScript permite que las manecillas se actualicen en tiempo real, reflejando la hora actual del sistema. El diseño del reloj es elegante y fácil de usar, brindando una experiencia visual agradable.
¡Siéntete libre de explorar el código y contribuir al proyecto! Se aceptan sugerencias, mejoras y reportes de problemas. El objetivo es seguir aprendiendo y perfeccionando las habilidades en el desarrollo web.
- HTML: para la estructura del reloj analógico.
- CSS: para el estilo y la apariencia del reloj.
- JavaScript: para la actualización dinámica de las manecillas del reloj.
- Sass (mejora futura): para compilar el código CSS y aprovechar las características avanzadas del preprocesador.
- Clona este repositorio en tu máquina local.
- Abre el archivo
index.htmlen tu navegador web. - Verás el reloj analógico en funcionamiento.
git clone https://github.com/Metzeldor/reloj.git¡Las contribuciones son bienvenidas! Si encuentras algún error o tienes ideas para mejorar este proyecto, no dudes en abrir un issue o enviar un pull request.
Este proyecto está bajo la licencia MIT creado por Andres Tejada.
¡Espero que disfrutes explorando y mejorando este reloj analógico! Si tienes alguna otra pregunta, no dudes en preguntar.