iqrivas/nonnatus-coffee

Coffee Machine built with HTML, CSS, and Javascript. Power up with the best coffee in town.

Nonnatus Coffee

You can order a coffee from this machine, select size and sugar level. Just wait a few seconds and enjoy! Power up with the best coffee in town.

Technologies used

Built with Vanilla JS and CSS

How to use

• Start your order
• Select a size
• Select the sugar level you desire
• Click on Start Preparation (Once the preparation starts the order cannot be canceled)
• Wait for your beverage to be ready
• Enjoy!

Demo

This application is deployed at https://nonnatus-coffee.vercel.app/

Screenshots

Run Locally

You can clone the project and run it on your own computer. Make the changes you want.

  git clone https://github.com/iqrivas/nonnatus-coffee.git

Go to the project directory

  cd nonnatus-coffee

*No need to install dependencies. Just open the index.html file in your browser.

Project Developed as part of Platzi Master:

• Created by Denisse Rivas Github | LinkedIn
• Frontend Focus | Slack: DenisseRivas
• Assigned by: Platzi Master Coach - Ana Belisa Martinez

nonnatus-coffee's Issues

Excelente Trabajo!

Hemos realizado la revisión de tu repositorio y hemos encontrado los siguientes puntos de mejora :)

Si tienes alguna inquietud o deseas solicitar una nueva revisión puedes comunicarte con Ana Belisa por Slack y enviar por el formulario nuevamente tu repositorio.

El proyecto tiene un gran rendimiento, así como una interfaz amigable, al punto que (confieso), sin leer la documentación, pude entender de qué iba el proyecto, lo cual es excelente. En cuanto al código, se puede observar ciertas áreas de mejora:

• La función cancelOrder (así como otras), podría reducirse usando funciones auxiliares, en la que se pasa la lista de objetos a las que se les aplicará el remove o el add. En pseudocódigo:

Por objeto en lista:
    objeto.remove(“hidden”)

• De igual forma, el string que tiene el prepPanel (líneas 36 – 41) es casi idéntico como en la función startPrep (líneas 105 – 110). Podría volverse un string formateado, en el que solo se pasa el texto del

  . Ya sea “Preparing” o “Serving”.

• Para el caso de los setTimeout (líneas 93-100), se ve que quieres que ocurra algo después de otra cosa, considero que podrías hacer uso de async await para el mejor manejo de encadenamientos, y así garantizar que se ejecutan en orden, sin tener que calcular los tiempos.