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.
- 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.
- Persistencia de Datos: Utiliza
localStorage
para guardar los tweets, asegurando que los datos se mantengan entre sesiones.
- HTML y CSS: Estructura y estilos proveídos por el instructor del curso, asegurando una presentación visual consistente y atractiva.
- 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.
- Manipulación del DOM: Utilización de métodos como
querySelector
,addEventListener
ycreateElement
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.
- Escribir un Tweet: Escribe el contenido del tweet en el área de texto.
- Guardar Tweet: Haz clic en el botón para guardar el tweet, que aparecerá en la lista debajo del área de texto.
- Eliminar Tweet: Haz clic en el botón de eliminar junto a un tweet para borrarlo de la lista.
Para correr el proyecto localmente, sigue estos pasos:
- Clona este repositorio:
git clone git@github.com:Kuro-98/tweets-local-storage.git
- Navega al directorio del proyecto:
cd simulador-de-tweets
- Abre el archivo
index.html
en tu navegador para ver la aplicación en funcionamiento.
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.