Login

Welcome


openDraught is a free and open-source digital tap list web application designed for the service industry, with a focus on mobile compatibility and ease of use. This project was initially created to showcase the development capabilities of ChatGPT 4o.

The application is designed for Windows 10 with Google Chrome, but should work on most Windows versions. It is intended to be run on an old computer you might have lying around or a cheap PC stick. Simply connect this computer via HDMI to a TV or monitor mounted in portrait orientation. Right click your Windows Desktop and press Display Settings, then select Display Orientation to change computer to Portrait mode.

Explore the different versions of openDraught below. Each version is tailored to specific needs and provides unique functionalities. Click the buttons to download or view the source code on GitHub.



What does using openDraught look like?


Using this program is as easy as :


• Leaving it running on your computer connected to your tap list screen (we'll call this the host machine.)

• When it's time to edit the list, your bartender can just pull their phone out and click their bookmark for your taplist's admin page.
In the event they haven't bookmarked it yet, they can come to this website and press Login in the top right.
Then just enter the IP address of the host machine. Usually looks something like this: 192.168.1.101

• You'll then be brought to a login page where you put in your password.

• After which you'll be brought to your list of beers.

• Press the Edit button and you'll be able to edit any of the text fields making your list fully customizable.


While this whole thing may seem complicated. Once the initial setup is done it really is as easy as clicking a button on your phone and editing the tap list.

Grab your nearest IT friend, have them install openDraught using the readme in the project. Make a bookmark to the tap list address on your phone, and boom you can edit your tap list at the click of a button.
Once you get comfortable there's even a page to edit the colors of the tap list on your phone.
Replace banner.png in the files too to slap your own banner on top.


*Note: No matter which version you choose, it is recommended to change the admin password and secure string. You can do this by editing the .env file using a text editor (like Notepad)

Replace your_secure_password with a password of your choice.

Followed by modifying the SESSION_SECRET line below that and replacing
uL{S!Dgo,;oMvD8%&j$c&~nrJ5?eUu with a 30 character random string of your choice. There is a random string generator I've included in this project called random-string-gen, that will open in your web browser and let you generate a key to put in .env

openDraught 1.3 - Standalone version


This is the simplest version of openDraught. It includes an installer for Node.js, which installs the Node JavaScript runtime environment necessary to run openDraught. Once Node is installed, you can run openDraught. openDraught will display your taplist on a screen in your bar and create a mini server that makes your taplist accessible locally on your network (with a password). This allows your bartender or manager to use their phone to modify the taplist by entering the IP address and port into their phone's web browser.

It is recommended to setup a static IP on your router for the device running openDraught since you'll need to enter the IP on your phone as if you were going to a website, and if the IP changes then you obviously won't know what it is.

openDraught 1.3 - Containerized version


This is the most technical version of openDraught. It is the Standalone version that is also set up to be composed into a Docker container. Inside the project is a readme for setting up container hosting via DigitalOcean using their Droplets. openDraught uses virtually no resources making hosting a container little cost. Average cost to host this on DigitalOcean is $4/month.

Running this in a container is advantageous because it provides a static IP address from DigitalOcean, eliminating concerns about address changes. Additionally, hosting the container on the internet enhances security by avoiding local server hosting. This setup is the most secure way to use openDraught.