node.js ko
Tab-Out
Tab-Out
by asuka
Tab-Out suggests an easy way to share tab with your social circle.
Suppose a group of 4 people went on a day trip, and say A spent $74 for Dinner, B spent $51 for Lunch, C spent $43 for Beer, D spent $64 for Gas. Who owes who for how much such?
The naive answer for this question is split the each bill by the number of people
A owes A $0, B $12.75, C $10.75, D $16
B owes A $18.5, B $0, C $10.75, D $16
C owes A $18.5, B $12.75, C $0, D $16
D owes A $18.5, B $12.75, C $10.75, D $0
Tab-Out allows you to log bills, balance out, and minimize the the number of transactions in a group.
The Tab-Out answer fot the day trip example is
A owes A $0, B $0, C $0, D $0
B owes A $1, B $0, C $0, D $6
C owes A $15, B $0, C $0, D $0
D owes A $0, B $0, C $0, D $0
Connect your friends, lunch mates, colleagues on Tab-Out.
Judging Instructions
Login with your Twitter account.
Tested on Google Chrome
Who
atsuya — Playa del Rey, California
kazuyukitanimura — Palo Alto/Mountain View/Irvine
girliemac — San Francisco
How
express jade less should connect-redis redis socket.io connect mongoose mongoose-auth everyauth log ejs MongoHQ jQuery Linode
Votes
Your Vote
Voting is now closed.
Other Votes
(7)
dshaw
judge- contestant
We are happy to hear that you like it! and sorry it did not work for Email users, maybe we did not test enough…. We will definitely keep working on this project and make it easier to use.
therazorbladejudgeThe basic idea is useful but it fails to help with the most annoying part: keeping track of how much everyone paid. I was expecting it to allow each member to enter transactions (‘jon paid $30 for dinner’) and then it will sum it up for me.
- contestant
I restarted and it works now. I was aware of this but was away from the deploy script at work!
- contestant
We are sorry that it did not work for you. Apparently there was a Twitter OAuth login issue. Now it is running properly. Please try one more time when you have a chance. We really would like to have your comment.
- therazorbladejudge
Vote updated.
- contestant
Thanks for the update. You are right! Keeping track of payments is a definitely missing feature~
chrismatthieujudgetwitter oauth timed out for me :(
- contestant
We are sorry that it did not work for you. Twiiter seems having a performance issue with their oauth these days. https://dev.twitter.com/status
Also our server seems not to get the oauth timeout properly, so that it keeps waiting for the callback. Since we cannot modify the code, please allow us to have some time to reboot the server.
- contestant
Now it is working. Please try again.
joshontheweb
contestantI didn’t understand it at first, I thought we were going to be sharing a browser tab. I got it though. definitely a pain point. now if you added actually making payments to each other that would solve it IMO
- contestant
yea, we were thinking about adding paypal or venmo integration but ran out of time :(
joshontheweb
contestantif you adapted this idea into a mobile app and used nfc to make payments phone to phone it would be killer.
- contestant
Thanks for the comments. We definitely pursue the mobile development.
- contestant
Yeah, I had a mobile web/app in mind fist but we needed to create it for desktop to be voted. then ran out of time.
ryanmcgrath
judgeI don’t particularly see this as an innovative concept. There’s smartphone apps that do this already, and truth be told I feel the need to ask… how does this exemplify any feature of Node.js? I’m happy to be proven wrong on this.
I thought the design was awesome going in, but then I ran into some questionable usability choices. Setting the “size” of the group is a confusing experience (I have to click outside the box…?). The title of the form is “Create Group”, with the only visible completion option being “Create Name”. I see tons of potential (based on the intro screen alone), just sadly let down. :(
Feels complete enough, I suppose, but I think given more time you guys could’ve rocked this.
- contestant
To node, we made this app not just a calculator, but more social. We just ran out of time.
also, yep, registering a wrong event to the form input really messed up the UX. I definitely should have fix it before deploying.
But the reason I included the extra step for a user to select the size is that so the user wouldn’t forget to include member(s) who had paid nothing but still needed to be included in the calculation. But as long as reading judges' comment, I need to re-think the use case.
Also, html5 input[type=“number” on desktop browser doesn’t give much benefit… it may just give some confusion. (Initially planned to make the mobile web app but didn’t have time…).
- contestant
Thanks for the comment. We were unaware that there are other apps that can do the same thing. Could you tell us the name of those apps? Just curious.
Current version of Tab-Out is purely splitting the bills into the same amount; however, we were planning to make more features that allows users to charge only selected people in a group or weight the spiting amount and guarantee the minimized number of transactions. At least, it is possible right now at the library level, but we ran out of time to make the UI part.
Our motivation of Tab-Out was “what would be the best way to implement this app in the asynchronous manner with Node” rather than exemplifying a feature of Node.
User experience is definitely that we should work more. We will keep working on this project.
danielleswank
contestantReally nice design. I like the glow and the radial gradient background. The sign in was easy, but I had trouble creating a group.
- contestant
Thanks for the comment. I like the glow part too. I am proud of my teammate, girliemac, who designed it. We will definitely work on the group creation part after judging.
patmeenanjudge- The UI for moving to the next step after specifying the size of the group is a bit confusing. A good number of users will not understand that changing focus out of the box is needed.
- Explicitly having to “add” users should happen automatically when you go on to the group
- Once a group has been created, having to push the update button for each paid amount is really confusing. The results should be updated automatically as the values are changed
- contestant
Thanks for the comment. We should’ve had a better usage flow. The reason that we have indivisual “add” button was that page was ment to be a group edit page. We wanted to add other capabilities to the page, but ran out of time. We are planning to update the UI and make it a real application.
juliogreff
contestantThe UI needs some work. When I tried to create a group, I hit Enter and the page reloaded (I thought it wasn’t working at all). Setting the size of the group and adding people is a little confusing. Also, a layout optimized for mobile would be very cool.
- contestant
Thanks for the comment. We run out of time before checking the usability of UI. We are definitely going to work on the mobile version of this app.
codepo8judgeThis is pretty sweet. Bistromatics FTW. The only issue I find is that I need to invite people by hand on Twitter – why not allow to import lists?
- contestant
Thanks for the comment. We are still trying to figure what would be the best UI for Tab-Out. Importing lists is good idea. We are planning to update this app after judging, and we definitely should work on the usability of Twitter login.
MEgrez
contestantI think this is a very useful app!
- contestant
I am very glad to hear that! Please use Tab-Out as many times as you can :) We are planning to make it a real application.
christopherbeckjudgeI like the concept, but the UI needs a little work. Having to click add each time after I already said how many people I would have in the drop down is tedious. Should eliminate the drop down, have a form to add a person, and clicking add automatically adds that person and adds a new field to add another. Similarly, having to click update each time I enter the amount for each person is also tedious. Just too much clicking for this simple app.
- contestant
Thanks for the comment. We are planning to elaborate the usability part. We didn’t know what would be the best design that we could implement within 48 hours. We are going to make it real usable application!
sly010
contestantMostusefulest! Why the twitter login?
- contestant
We just thought the witter login may be convenient for many users instead of making sign up screen. If we had have more time, we would have implemented our own sign up/facebook login too.
Email users don’t appear to work. Other than that, it was really useful single serving tool. I’d definitely use it.