/Proyecto_Buscador

Bucador de Autos

Primary LanguageJavaScript

Buscador de Autos / Car search engine

🗣️ Versión en Español

buscadorImg

Este proyecto es un buscador de autos que permite filtrar y encontrar vehículos según diferentes criterios, como marca, año, precio, número de puertas, transmisión y color.



Características

  • Buscar autos por marca, año, precio, puertas, transmisión y color.
  • Mostrar resultados de búsqueda en tiempo real.
  • Interfaz intuitiva y fácil de usar.
  • Datos actualizados de autos disponibles.

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

buscadorImg

🖥 Imagen Modo Movil

buscadorMovil



🗣️ English Version

buscadorImg

This project is a car search engine that allows you to filter and find vehicles according to different criteria, such as brand, year, price, number of doors, transmission and color.

Features

  • Search cars by make, year, price, doors, transmission and color.
  • Display search results in real time.
  • Intuitive and easy to use interface.
  • Up-to-date data of available cars.

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

buscadorImg

🖥 Mobile Mode Image

buscadorMovil