https://github.com/kuro-98/tweets-local-storage
✍️ 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.
https://github.com/kuro-98/tweets-local-storage
dom dom-manipulation ecmascript ecmascript6 javascript juanpablodelatorrevaldez localstorage udemy udemy-course
Last synced: 4 months ago
JSON representation
✍️ 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.
- Host: GitHub
- URL: https://github.com/kuro-98/tweets-local-storage
- Owner: Kuro-98
- Created: 2024-05-20T22:04:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-20T22:32:24.000Z (about 1 year ago)
- Last Synced: 2025-01-11T14:20:40.796Z (6 months ago)
- Topics: dom, dom-manipulation, ecmascript, ecmascript6, javascript, juanpablodelatorrevaldez, localstorage, udemy, udemy-course
- Language: JavaScript
- Homepage: https://kuro-98.github.io/tweets-local-storage/
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.udemy.com/share/101Z6U3@8jwb99nJeLuW2x9Hqx28rqs4C3Tlb7A_gcvBJsqordSfRPXgpjsCpEYr0E_40IZo/) 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:
```bash
git clone [email protected]:Kuro-98/tweets-local-storage.git
```
2. Navega al directorio del proyecto:
```bash
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.