https://github.com/bartolem/project-coffee

This project is a sort of simulation of coffee brewing using an coffee machine.
https://github.com/bartolem/project-coffee

coffee coffee-machine css html javascript

Last synced: 2 months ago
JSON representation

This project is a sort of simulation of coffee brewing using an coffee machine.

• Host: GitHub
• URL: https://github.com/bartolem/project-coffee
• Owner: Bartolem
• License: mit
• Created: 2022-06-30T17:42:27.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-03T13:20:19.000Z (almost 2 years ago)
• Last Synced: 2025-01-21T22:23:38.581Z (over 1 year ago)
• Topics: coffee, coffee-machine, css, html, javascript
• Language: CSS
• Homepage: https://bartolem.github.io/Project-Coffee/index.html
• Size: 10.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project-Coffee

This project is a sort of simulation of coffee brewing using a coffee machine.

## Introduction

It's a training project. I wanted to do this project to learn the basics of frontend technologies. I didn't use any frameworks or other libraries.

## Table of contents

* [Used technologies](https://github.com/Bartolem/Project-Coffee#used-technologies)

* [How to use](https://github.com/Bartolem/Project-Coffee#usage)

* [Custom coffee creation](https://github.com/Bartolem/Project-Coffee#custom-coffee-creation)

## Used technologies

* HTML

* CSS

* JavaScript

## Description

The heart of this project is the coffee machine. This machine has made brewing coffee simple. The user can choose the type of coffee. Remember that the ingredients needed to create this drink are gradually running out, so they must be refilled.

## How to use

1. On the navigation bar, click on the make coffee tab.

![](src/images/usage1.png)










2. Turn on the machine by pressing the button.

![](src/images/usage2.png)










3. Choose a coffee type.


![](src/images/usage3.png)










4. Press the button responsible for pouring coffee.

![](src/images/usage4.png)










5. Take the coffee cup and put a new empty cup to repeat the process.

![](src/images/usage5.png)










## Custom coffee creation

1. Click the gear icon, and select create coffee option.

![](src/images/create1.png)










2. Create custom coffee by changing the slider position.

![](src/images/create2.png)










3. Set the name of your coffee.

![](src/images/create3.png)










4. Add your creation to the coffee machine.

![](src/images/create4.png)










5. Now, you can pour your coffee.

![](src/images/create5.png)