Que onda explorers!
En esta semana vimos como usar VueJS para hacer que nuestras aplicaciones web tomen vida a partir de un framework que nos da muchísimas posibilidades.
Para esta práctica vamos a recordar la primera práctica que tuvimos en donde maquetamos una pastelería, pero ahora lo haremos con Vue.
Si no recuerdan esa práctica se las dejo aquí
y con Vuex vamos a estar captando las entradas de los formularios y guardandolos en el estado para mostrarlo del lado del pastelero, lo que necesitaremos para esta práctica será lo siguiente.
- Página de cliente de pastelería POR COMPONENTES
- Componente con información de la pastelería Dirección, Teléfono y horarios de atención
- Componente para ver los diferentes sabores de pasteles, así como los precios de cada uno
- Componente para ver los diferentes adornos con los que se puede decorar el pastel y los precios de cada uno
- Componente para combinar sabores dependiendo de sus preferencias
- Componente para combinar adornos dependiendo de sus preferencias
- Componente de formulario debe de contener los datos de contacto del cliente que son Nombre, Teléfono, Correo Electrónico, Descripción general del pastel y la selección de sabores y adornos
- Página de pastelero POR COMPONENTES
- Componente de información de la cantidad de sabores que le quedan para hacer los pasteles
- Componente de información de la cantidad de adornos que le quedan para hacer los pasteles
- Componente donde aparezcan los pedidos que se han realizado con los datos del formulario
- Uso de rutas para poder acceder a la página de cliente y de pastelero (router de Vue)
- La información de sabores, adornos, cantidades y precio debe de estar en el estado con Vuex o Vite y se debe modificar ahí para mostrarse en los componentes.
Bonus:
- Bonus si tu página es responsive y se puede ver en celulares
- Bonus de despliegue de la pastelería
Pueden usar los conocimientos vistos o usar diferentes herramientas que conozcan o que investiguen como las librerías de diseño o librerías de JS sin problemas.
Aquí les dejo un código para ver como usar inputs en Vue Link de código
El 25 de Marzo se subirá el Form para que entreguen las prácticas y tienen hasta el 27 de Marzo a las 12:00 de la noche para entregarlas.
¡Vámonos hasta el espacio y más allá Explorers!