Simulador de envío de correo electrónico

🗣️ Versión en Español

Este proyecto es un simulador de envío de correo electrónico a través de un formulario. Proporciona validaciones en cada campo de entrada y utiliza un spinner externo.

Características

• Envío de correo electrónico a través de un formulario.
• Validación de campos de entrada.
• Uso de un spinner externo para mostrar el progreso.
• Restablecimiento del formulario después de enviar el correo.
• Mensaje de éxito cuando se envía el correo.
  
  

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 campos del formulario con una dirección de correo válida, asunto y mensaje.
4. Haz clic en el botón "Enviar" para enviar el correo electrónico.
5. Observa el spinner mientras se envía el correo.
6. Después de enviar el correo, el formulario se restablecerá y se mostrará un mensaje de éxito.

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

🖥 Imagen Modo Movil

---

🗣️ English Version

This project is a form-based email submission simulator. It provides validations on each input field and uses an external spinner.

Features

• Sending e-mail through a form.
• Validation of input fields.
• Use of an external spinner to show progress.
• Reset of the form after sending the mail.
• Success message when mail is sent.
  
  

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

🖥 Mobile Mode Image