/talendig-freecodecamp-dom-projects

Tarea del Bootcamp Talendig con propósitos de aprendizaje, realizando proyectos de FreeCodeCamp de manipulación del DOM, dando un giro de tuerca.

Primary LanguageJavaScript

Proyectos de JavaScript con el DOM - FreeCodeCamp

Este repositorio contiene cinco proyectos realizados con JavaScript utilizando el DOM, basados en el tutorial de FreeCodeCamp disponible en el siguiente enlace: Tutorial de FreeCodeCamp.

Proyectos incluidos:

  1. Genreador de colores hexadecimales aleatorios (1/5)

    • Descripción: Una aplicación que genera colores en formato hexadecimal de manera aleatoria.
    • Características destacadas: Utiliza un botón que, al presaionarlo, cambiará el color actual por otro totalmente diferente, además de mostrar el color específico en pantalla.
  2. Slider de Colores RGB (2/5)

    • Descripción: Una aplicación que genera colores en formato RGB usando las entradas (inputs) de rango.
    • Características destacadas: Cuando se hagan cambios de rango dentro de las entradas, la aplicación escuchará por los cambios e integrará los valores obtenidos para generar el nuevo color del cuerpo del DOM.
  3. Generador de Citas Aleatorias (3/5)

    • Descripción: Una aplicación que genera citas de manera aleatoria usando una API externa.
    • Características destacadas: Cuando el usuario entre a la aplicación, se le aparecerá una frase diferente cada vez que entre. Además de contar con un botón para generar obtener una nueva frase.
  4. Cronómetro (4/5)

    • Descripción: Una aplicación que marcará el tiempo en horas, minutos y segundos, como un cronómetro.
    • Características destacadas: Se tendrá dos botones: Uno para pausar el cronómetro y otro para reiniciarlo en su estado inicial.
  5. Lista de tareas (TODO List) (5/5)

    • Descripción: Una aplicación de tareas donde podrás crear, editar y borrar tus tareas.
    • Características destacadas: Este será el primer proyecto personal en donde se usará TypeScript para aprender de su sintaxis, combinándolo con React para hacer una mejor experiencia de usuario. Además, se contará con varias validaciones de objetos para hacer las comprobaciones necesarias para poder manejar cada tarea que se renderice en el componente principal.

Contribución:

¡Siéntete libre de contribuir con mejoras, correcciones de errores o nuevos proyectos! Solo asegúrate de seguir las pautas de contribución especificadas en este repositorio.

Conclusiones:

Después de haber terminado estos cinco proyectos, tengo que decir que fue la experiencia más desafiante que he tenido en mi camino como programador. Realmente touve que manejarme con todo lo que tenía para poder aprender muchas cosas que me ofrece TypeScript, React y Astro.

Agradecimientos:

Gracias a FreeCodeCamp por proporcionar el tutorial y la inspiración para estos proyectos.