Giter Site home page Giter Site logo

dropkickfish / bar Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 18.82 MB

Clone of felixweinberger's BarQ project. The plan is to fix dependencies, eventually contributing to the original, and to adjust/change some things. Not forked correctly since I'm bundling both the server and client into the same repo.

Dockerfile 0.89% HTML 2.06% CSS 15.78% JavaScript 80.33% Shell 0.93%

bar's Introduction

What is this

MIT license React App for table service, bodged together from Felix Weinberger's Bar-Q project.

Why is this

I stumbled upon the original Bar-Q in the early days of the pandemic and figured that it might help some of the independent pubs near me in providing socially distanced table service, and hopefully help me to learn React and Docker.

My end goal is to learn enough that I can eventually provide this as an MIT License based project to allow smaller bars to compete with chain breweries, which often have their own IT teams and are more able to adapt to the technical needs of social distancing measures. I want to make this as close to free as possible, and will be conducting trials with local bars in the coming weeks in order to gauge the most cost effective hosting method.

What I've done so far

I originally just updated some dependencies and a few other things that have skipped my mind, and a PR on the original project is pending.

I've pressed forwards making this app table service only, but plan to implement a better UI for this.

I have a backup of the original app complete with card payment functionality that will be uploaded to GitHub soon, but I'm focussing on the table service aspect right now since this is what my local bars need. This means that some of the underlying card payment functionality is still in this code, and that it may be even more inefficient than when I "fixed" it.

What needs to be done

I plan to improve the table service UI and strip back any more code which is now ubiquitous (looking at you Stripe payments). I also need to implement ENV vars.

I'd also like to add limited UI customisation options to the dashboard when I get chance so that bars can add their own branding.

What can you do with this

Admin view allowing for multiple bars

Make an admin panel, have multiple users, run it for many different pubs using the same admin login. Alternatively, run one bar upstairs, one bar downstairs, one food menu, and a different menu of your choosing, each with the same admin login but different QR codes.

Admin view

(Remember when I said I should have used ENV variables? If you're smarter than I am, use them here)

Menus are a simple CSV upload. You can create QR codes for your customers, or even your staff if you want. If you look at the original, there's some Stripe and IBAN stuff in there.

You can get new login codes every time you load the staff bar so that dodgy Dave who sits next to the bar doesn't keep queueing his beer up first.

Staff view

View past orders, view current orders, update them even. You can even block the bar and prevent new orders from happening. Madness.

Staff queue

Customer view

Scan a QR code, view the menu, place an order, watch the progress of your drink. Do it again until kicking out time.

MenuOn it's way

Docker

Ready for a Docker based deployment.

Disclaimer

I bodged this together to make it work hopefully well enough that someone more experienced can make use of it, hopefully while keeping the same spirit of this being as open source as possible so that the good folk in the hospitality industry don't have to spend too much to keep us fed and watered.

This was originally a project by Felix Weinberger's Bar-Q repository. Thank you Felix for the intro by fire to React and Docker, and for making it available on the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.