Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devchris03/tweet

Lista tus mejores Tweets aqui
https://github.com/devchris03/tweet

css favicon html javascript localstorage

Last synced: about 2 months ago
JSON representation

Lista tus mejores Tweets aqui

Awesome Lists containing this project

README

        

# ✍️ Proyecto: Lista de Tweets

Este proyecto es una aplicación sencilla que permite agregar, listar y eliminar tweets de forma dinámica utilizando HTML, CSS y JavaScript. Además, incluye validación para evitar agregar tweets vacíos y mostrará un mensaje de error si se intenta realizar esta acción.

## Características

- **Agregar Tweets:** Permite escribir un tweet en un campo de texto (textarea) y agregarlo a una lista de tweets.
- **Eliminar Tweets:** Cada tweet agregado tiene un botón para eliminarlo de la lista.
- **Validación de Campo Vacío:** Si intentas agregar un tweet sin contenido, se mostrará un mensaje de error indicando que el campo está vacío.

## Tecnologías Utilizadas

- **HTML5:** Para la estructura del proyecto.
- **CSS3:** Para los estilos visuales de la página.
- **JavaScript:** Para manejar la lógica de agregar, eliminar y validar los tweets.

## Uso
**Agregar un Tweet:**
>Escribe un mensaje en el área de texto provista.
>
>Haz clic en el botón "Agregar Tweet".
>
>Si el texto no está vacío, el tweet aparecerá en la lista debajo del campo de entrada.

**Eliminar un Tweet:**
>Cada tweet agregado tendrá un botón "Eliminar" a su lado.
>
>Haz clic en el botón "Eliminar" para borrar ese tweet de la lista.

**Validación de Tweets Vacíos:**
> Si intentas agregar un tweet sin escribir nada, se mostrará un mensaje de error advirtiendo que el tweet no puede estar vacío.

Para su uso puedes hacer **[Click aqui](https://devchris03.github.io/tweet/)** ó escribir copiar y pegar el URL en el navegador de tu preferencia: https://devchris03.github.io/tweet/

### :globe_with_meridians: Mis redes:
:nazar_amulet: Linkedin: [Christina Pascual](https://www.linkedin.com/in/christina-pascual/)

:nazar_amulet: Twitter: [Christina Pascual](https://x.com/devchris03)

:nazar_amulet: Tiktok: [devChris03](https://www.tiktok.com/@devchris03?_t=8p5TriBHr3G&_r=1)

![iPhone-13-PRO-devchris03 github io](https://github.com/user-attachments/assets/fa9d52de-f362-4cbb-ba2b-5cb1c1fc62e1)