Skip to content

✍️ Simulador de Tweets - Aplicación de área de texto para escribir y guardar "Tweets ". Permite a los usuarios crear, visualizar y gestionar una lista de Tweets guardados localmente. Desarrollada con JavaScript vanilla, HTML y CSS, como parte del curso de Juan Pablo de la Torre Valdez en Udemy.

Notifications You must be signed in to change notification settings

Kuro-98/tweets-local-storage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Simulador de Tweets ✍️

Este proyecto es una aplicación de área de texto que permite a los usuarios escribir y guardar tweets en una lista. Desarrollado con JavaScript vanilla, HTML y CSS, este proyecto forma parte del curso de Juan Pablo de la Torre Valdez en Udemy.

Características Principales

Gestión de Tweets

  • Agregar Tweets: Los usuarios pueden escribir un tweet en el área de texto y guardarlo en una lista.
  • Visualización de Tweets: Los tweets guardados se muestran en una lista debajo del área de texto.
  • Eliminar Tweets: Funcionalidad para eliminar tweets específicos de la lista.

Almacenamiento Local

  • Persistencia de Datos: Utiliza localStorage para guardar los tweets, asegurando que los datos se mantengan entre sesiones.

Diseño Proveído

  • HTML y CSS: Estructura y estilos proveídos por el instructor del curso, asegurando una presentación visual consistente y atractiva.

Tecnologías Utilizadas

  • JavaScript: Lenguaje principal para la lógica de la aplicación, gestión de tweets y manipulación del DOM.
  • HTML y CSS: Estructura y estilos básicos del proyecto, proveídos por el instructor del curso.
  • localStorage: Para guardar y recuperar los tweets entre sesiones.

Funcionalidades Clave y Aprendizajes

  • Manipulación del DOM: Utilización de métodos como querySelector, addEventListener y createElement para interactuar con el DOM.
  • Gestión de Eventos: Implementación de eventos para manejar la adición y eliminación de tweets.
  • Almacenamiento en localStorage: Persistencia de los datos mediante localStorage para mantener los tweets guardados entre sesiones.
  • Manejo de Errores: Creación de mensajes de error para manejar entradas inválidas del usuario.

Instrucciones de Uso

  1. Escribir un Tweet: Escribe el contenido del tweet en el área de texto.
  2. Guardar Tweet: Haz clic en el botón para guardar el tweet, que aparecerá en la lista debajo del área de texto.
  3. Eliminar Tweet: Haz clic en el botón de eliminar junto a un tweet para borrarlo de la lista.

Instalación y Ejecución

Para correr el proyecto localmente, sigue estos pasos:

  1. Clona este repositorio:
    git clone git@github.com:Kuro-98/tweets-local-storage.git
  2. Navega al directorio del proyecto:
    cd simulador-de-tweets
  3. Abre el archivo index.html en tu navegador para ver la aplicación en funcionamiento.

Créditos

Este proyecto fue desarrollado gracias a los conocimientos adquiridos en el curso de JavaScript de Juan Pablo de la Torre Valdez en Udemy, utilizando los recursos de HTML y CSS proporcionados por el instructor.


¡Gracias por revisar este proyecto! No dudes en contribuir o reportar problemas en el repositorio.

About

✍️ Simulador de Tweets - Aplicación de área de texto para escribir y guardar "Tweets ". Permite a los usuarios crear, visualizar y gestionar una lista de Tweets guardados localmente. Desarrollada con JavaScript vanilla, HTML y CSS, como parte del curso de Juan Pablo de la Torre Valdez en Udemy.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published