https://github.com/kuro-98/cotizador-de-seguros

🚗 Cotizador de Seguros - Aplicación web para cotizar seguros de autos. Permite a los usuarios seleccionar el año de su vehículo, la marca (asiático, americano o europeo) y el tipo de seguro (básico o completo) para obtener una cotización. Desarrollada con JavaScript vanilla.
https://github.com/kuro-98/cotizador-de-seguros

ecmascript ecmascript6 javascript juanpablodelatorrevaldez udemy udemy-course udemy-course-project

Last synced: 9 days ago
JSON representation

🚗 Cotizador de Seguros - Aplicación web para cotizar seguros de autos. Permite a los usuarios seleccionar el año de su vehículo, la marca (asiático, americano o europeo) y el tipo de seguro (básico o completo) para obtener una cotización. Desarrollada con JavaScript vanilla.

• Host: GitHub
• URL: https://github.com/kuro-98/cotizador-de-seguros
• Owner: Kuro-98
• Created: 2024-05-21T23:14:03.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T03:19:23.000Z (8 months ago)
• Last Synced: 2024-11-12T14:19:43.536Z (2 months ago)
• Topics: ecmascript, ecmascript6, javascript, juanpablodelatorrevaldez, udemy, udemy-course, udemy-course-project
• Language: JavaScript
• Homepage: https://kuro-98.github.io/cotizador-de-seguros/
• Size: 134 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cotizador de Seguros

🚗 **Cotizador de Seguros** - Aplicación web para cotizar seguros de autos. Permite a los usuarios seleccionar el año de su vehículo, la marca (asiático, americano o europeo) y el tipo de seguro (básico o completo) para obtener una cotización. Desarrollada con JavaScript vanilla, HTML y CSS, como parte del curso del profesor Juan Pablo de la Torre Valdez en Udemy. [Enlace al curso](https://www.udemy.com/share/101Z6U3@8jwb99nJeLuW2x9Hqx28rqs4C3Tlb7A_gcvBJsqordSfRPXgpjsCpEYr0E_40IZo/).

## Características Principales

- **Selección de Marca**: Los usuarios pueden elegir entre vehículos americanos, asiáticos y europeos.

- **Año del Vehículo**: Permite seleccionar el año del automóvil en un rango de los últimos 20 años.

- **Tipo de Seguro**: Opción para seleccionar entre seguro básico o completo.

- **Cálculo de Cotización**: Calcula el costo del seguro en función de la marca, el año y el tipo de seguro seleccionado.

- **Mensajes de Validación**: Muestra mensajes de error si algún campo obligatorio no está completo y un mensaje de cotización en proceso.

- **Resultados**: Presenta el resultado de la cotización con detalles de la marca, año y tipo de seguro junto con el costo total.

## Tecnologías Utilizadas

- **JavaScript**: Lenguaje principal para la implementación de la lógica del cotizador, incluyendo la validación de entradas y el cálculo del costo del seguro.

- **HTML y CSS**: Estructura básica y estilos proporcionados por el curso, con algunos ajustes para la presentación del formulario y los resultados.

## Instrucciones de Uso

1. **Seleccionar Marca**: Elige la marca de tu vehículo (Americano, Asiático, Europeo).

2. **Seleccionar Año**: Escoge el año de tu vehículo en el menú desplegable.

3. **Seleccionar Tipo de Seguro**: Selecciona entre seguro básico o completo.

4. **Cotizar**: Haz clic en el botón "Cotizar Seguro" para obtener el costo estimado del seguro.

5. **Ver Resultado**: El costo del seguro se mostrará con un resumen de los detalles seleccionados.

## Lo que Aprendí

- **Manejo de Prototipos en JavaScript**: Crear y extender funciones prototipo para cálculos específicos.

- **Manipulación del DOM**: Crear y manejar elementos HTML dinámicamente para presentar resultados y mensajes.

- **Validación y Manejo de Eventos**: Implementar validaciones y manejar eventos de usuario como clics y envíos de formularios.