emsifa/tailwind-pos

Point of sales application built with tailwind.css and alpine.js

TAILWIND POS

Tailwind POS is a POS (Point of Sales) application built with Tailwind.css and Alpine.js. I create this application in order to exercise myself to build web application in "traditional" way, without any module bundler/build tools such as webpack, rollup, postcss, etc. So yes, it load tailwind.css and alpine.js via CDN.

You can view the demo at https://www.emsifa.com/tailwind-pos/.

Attribution

Sample food photos in this application are downloaded from freepik.com accounts listed below:

• topntp26
• mrsiraphol
• jcomp
• timolina
• Racool_studio
• 8photo

tailwind-pos's Issues

Show suggestion message on portrait mode

We don't have plan to support this app on mobile phone, but tablet in landscape mode are supported. So I think better we show suggestion message when user open the app in portrait mode or small screen.

Unable to scroll on long receipt dialog

cash increment error

Hey, @emsifa this is a very cool app, but I got this kind of error.

step to reproduce:

• manually delete cash input, so it will be empty (not 0)
• increment cash
• cash not incremented

Thanks

Add cash and change info on receipt

Close receipt dialog on click dialog overlay

Add transition to receipt dialog

Add enter and leave transition to receipt dialog.

<p></span> Typo

Ada typo di right sidebar, dibagian price.

whats rp?

hello. I'm Brazilian and I'm in doubt about some things
this PR? would it be cash cycle? And this value to be added? I didn't understand this question, would it be change? this whole card involving the total could give an explanation. From what I understand, more or less, you add money to the cashier and as you ask, it empties that money, what do you mean?

Show prevention dialog when user access with old browser

This application requires some modern API those are not available in old browser, and we don't have plan to support them.

Here are some:

• js async/await
• arrow function
• css grid
• css flexbox

How to setup ?

Hi, Awesome work ! are you still developping this app ?
I wanted to know how to setup the app on a webserver / localy

Thanks a lot !

Highlight active menu on sidebar

Info button link to github