Proyecto Mini Twitter (LocalStorage) / Mini Twitter Project (LocalStorage)

🗣️ Versión en Español

127 0 0 1_5500_index html

Este proyecto representa una página web que permite a los usuarios escribir y almacenar tweets utilizando el Local Storage del navegador.



Características

  • Publicación de tweets: Permite a los usuarios escribir y publicar tweets en el formulario de la página.
  • Almacenamiento en Local Storage: Utiliza el Local Storage del navegador para guardar los tweets, lo que permite que los datos persistan incluso después de cerrar la página.
  • Eliminación de tweets: Permite a los usuarios eliminar tweets de la lista mostrada en la página.
  • Validación de datos: Realiza una validación para asegurarse de que el campo de texto del tweet no esté vacío antes de agregarlo.
  • Mensajes de error: Muestra mensajes de error en caso de que el campo de texto esté vacío al intentar agregar un tweet.
  • Interfaz de usuario simple: Proporciona una interfaz de usuario sencilla con un formulario para agregar tweets y una sección para mostrar los tweets almacenados.

Tecnologías utilizadas

  • HTML
  • CSS (tailwindcss)
  • JavaScript

Cómo utilizar

  1. Clona este repositorio en tu máquina local.
  2. Abre el archivo index.html en tu navegador web.
  3. Completa los diferentes campos de filtro según tus preferencias.
  4. Los resultados de búsqueda se mostrarán automáticamente en la sección de "Resultados".

Personalización

Si deseas personalizar el proyecto, puedes seguir estos pasos:

  1. Abre el archivo index.html en un editor de código.
  2. Modifica el diseño o el contenido del formulario según tus necesidades.
  3. Puedes cambiar los estilos utilizando las clases de tailwindcss o agregar tus propias clases de CSS.

Contribución

Si deseas contribuir a este proyecto, puedes seguir estos pasos:

  1. Haz un fork de este repositorio.
  2. Crea una nueva rama en tu repositorio local: git checkout -b nombre-de-la-rama.
  3. Realiza tus modificaciones y mejoras.
  4. Confirma tus cambios: git commit -m "Descripción de los cambios".
  5. Empuja los cambios a tu repositorio: git push origin nombre-de-la-rama.
  6. Abre un pull request en este repositorio.

Imagenes

🖥 Imagen Modo Pc

127 0 0 1_5500_index html

🖥 Imagen Modo Movil

127 0 0 1_5500_index html (1)




🗣️ English Version

127 0 0 1_5500_index html

This project represents a web page that allows users to write and store tweets using the browser's Local Storage.

Features

  • Posting tweets: Allows users to write and post tweets on the page form.
  • Local Storage: Uses the browser's Local Storage to save tweets, allowing data to persist even after the page is closed.
  • Tweet Deletion: Allows users to remove tweets from the list displayed on the page.
  • Data validation: Performs a validation to ensure that the tweet text field is not empty before adding it.
  • Error messages: Displays error messages in case the text field is empty when trying to add a tweet.
  • Simple user interface: Provides a simple user interface with a form to add tweets and a section to display stored tweets.

Technologies use

  • HTML
  • CSS (tailwindcss)
  • JavaScript

How to use

  1. Clone this repository on your local machine.
  2. Open the index.html file in your web browser.
  3. Fill in the form fields with a valid email address, subject and message.
  4. Click the "Send" button to send the e-mail.
  5. Watch the spinner while the email is being sent.
  6. After sending the email, the form will reset and a success message will be displayed.

Customization

If you want to customize the project, you can follow these steps:

  1. Open the index.html file in a code editor.
  2. Modify the layout or the content of the form according to your needs.
  3. You can change the styles using tailwindcss classes or add your own CSS classes.

Contribution

If you want to contribute to this project, you can follow these steps:

  1. Make a fork of this repository.
  2. Create a new branch in your local repository: git checkout -b branch-name.
  3. Make your modifications and improvements.
  4. Commit your changes: git commit -m "Description of changes".
  5. Push the changes to your repository: git push origin branch-name.
  6. Open a pull request on this repository.



Images

🖥 Pc Mode Image

127 0 0 1_5500_index html

🖥 Mobile Mode Image

127 0 0 1_5500_index html (1)