OxygenShop

¡OXYGEN SHOP!

💼 Oxygen Shop es un proyecto basado en una landing de una tienda online ficticia.

Las tecnologías utilizadas son:

⚡ FUNCIONALIDADES ⚡

• Menu Mobile: Un menú hamburguesa, sólo disponible en la versión mobile que despliega 4 opciones, las cuales son clickables y te redireccionarán a la respectiva sección de la página.
• Scroll bar: Una barra ubicada en la parte superior de la página que irá aumentando su tamaño conforme vayamos scrolleando la página.
• Return to top: Un botón ubicado en la parte inferior de la página que, al pulsarse, nos lleva al inicio de la página con una animación suave.
• Validación de formulario: El formulario cuenta con un nombre, correo y un checkbox. Si los campos de texto no cuentan con el formato especificado, el borde de los inputs cambiará a color rojo.
• Envío de datos: Si la validación del formulario es correcta, se enviarán los datos a un servidor json.
• Modal: Al cargar la página, si pasan 5 segundos o se hace un scroll hacia abajo de un 25%, aparecerá un popup de "Suscribe to our newsletter", que nos pedirá un correo (que también se validará) y si la información es correcta, se enviará al servidor. A demás, el popup no volverá a aparecer si se cierra (podemos cerrarlo haciendo click en la X o pulsando escape).
• Conversor de moneda: Esta función saca el valor de la moneda de una API y a través de un selector, cambia la moneda de los precios y su valor en la seccion Pricing de la página.
• Slider: Un carrousel de imágenes que va mostrando imágenes diferentes cada 5seg. También, cuenta con unos controles que nos permiten cambiar de imagen manualmente.

Si quieres visitar la aplicación, este es su enlace: 💻 https://jaimehu20.github.io/OxygenShop/ 💻