Segunda práctica para el curso Full Stack JS con Launch X.
Funciones:
- Maquetado de un sitio web para una pastelería
- Formulario para ordernar un pastel
- Ver las ordenes realizadas (codigo en duro, no hay backend por ahora) 😄
- Diseño responsivo
- Modo oscuro, dependiendo de la configuración de tu navegador
(Volver)
Componentes:
- HTML
- CSS, usando Tailwind CSS
- JavaScript (solo poquito)
(Volver)
El sitio cuenta con funciones responsivas para adaptarse al disposivito desde el cual lo visualizan. Ajustando los elementos en pantalla y reordenando para que su uso en teléfonos sea posible.
(Volver)
Gracias al uso de Tailwind CSS, se habilito el cambio de elementos con el modo oscuro. Los nuevos navegadores como Microsoft Edge o Chrome permiten cambiar la tonalidad de la ventada. Utilizando este la página se muestra con tonos claros u oscuros.
(Volver)
Con el formulario de inicio de sesión, solo basta con ingresar un correo electrónico cualquiera, contraseña falsa y marcar el cuadro de recuerdame. No contamos con Backend así que no valida esta información y es redirigido a la pantalla de ordenes.
El comandante Dobel, ya hizo su pedido.
(Volver)