WANShow.bingo (Rewritten in React)

[Brock_S]

What's up Forum,

 

it's been a minute - Some of you already have had the opportunity to try it, but I'm creating this post to hopefully welcome past users back (or introduce this to new users) to WAN Show Bingo. I've rewritten the entire app from the ground up in React, and while the old GitHub repository is still available at GitHub/brocksexton/WANShowBingo the new rewrite is currently unavailable but will be in the future.

 

I'm looking for feedback and suggestions, but below are some of the most notable features which have changed and some other new updates.

 

1. Tiles are loaded dynamically from a Database, and our Contributors have access to commands inside of our Discord Server to enable, disable, or add new tiles. A full list of tiles can be found at api.WANShow.bingo/tiles-list
2. Utilizing a websocket hosted by TheWANDB, any verified tiles in our Google Sheet will automatically push a message to the webpage. (Example/LTT Discord #the-wan-show: Discord Message)
3. New Dynamic custom themes, with a surprise we can hopefully show off on December 15, 2023 (Also, old themes! Bread or LTX23)
4. Contributors can now refresh all connected users Bingo Cards until Pre Show starts to allow for last minute tile changes, if a users card has been modified a notice will appear in the form of a notification banner.
5. Team Page has been replaced with Contributors Page
6. Google Adsense has been removed, with no plans of returning. (I'm not quite sure if this is the correlation with our weekly users dropping from 200+ users to 50-70~)
7. Most Mobile devices now benefit from a better layout, however this is still a work in-progress.
8. TheWANDB fetches latest Floatplane Thumbnail for WAN Show, delivers to WANShow.bingo and is set as the Website Background dynamically. (Change will occur even if users preload page)
9. WhenPlane banner displayed below the Bingo Card has been completely re-written, and while visually it should appear identically it should hopefully not be as buggy as the previous iteration.
10. Custom Error Pages (wow super cool, at this point I'm padding the list to get to 10)

I'm working on a winter theme, which you can view at https://beta.wanshow.bingo/?theme=winter or https://beta.wanshow.bingo/?theme=winterdark - these are far from final, but I would appreciate feedback on what colours I should use and what other changes I should make such as the background for the board or the tile picture displayed above. (Maybe possibly website backgrounds as well for themes instead of the thumbnail?)

 

Listed below are already planned ideas, or features in the works already.

1. User system is finally underway, users will be required to login with Discord (other alternatives might be decided on, but we are trying to avoid collecting as much data as possible such as passwords or emails)
2. Achievements, Bingo Card History/Wins, Leaderboard System with Win Tracking (with option to opt-out of Leaderboards)
3. Custom Themes only obtainable via Achievements, or playing during holiday/event periods.
4. User Created Bingo Cards (Ex; user can create and share https://share.wanshow.bingo/card/DYNAMICID - probably not going to be used much but I want to do it at some point for fun)
5. Possible Idea if community is interested: Before stream goes live users can refresh card an unlimited amount of times, while stream is live users are limited to 3 card refreshes. If the Community Veto's do not implement

And finally... some of the currently known bugs

1. Zooming out on desktop, may cause the bingo grid to break. (Shrinking the window width works, but is a little clunky)
2. Free Square isn't automatically selected when loading a fresh card.
3. Capture Screen Shot *works* - but is missing images and doesn't omit the current live user count. Attached to this post is how it should look, and will be fixed soon.
4. The WhenPlane timer formatting was broken on Friday, a change has been made but unknown if the fix worked until next WAN Show.

 

Please feel free to reply, or reach out directly on discord ( _brock )

Edited December 10, 2023 by Brock_S
Add another image of message notification, and add links to TheWANDB and WhenPlane

[TetraSky]

Oh, it's back. I had stopped using the bingo long ago when I simply forgot it even existed. Nice to see it seems to works better now.

[Altrius II]

Im glad that my work on the engineering behind the floatplane live status is finally paying off, site looks great, thanks for the work you've put in to make our lives easier when hosting bingo.

 

- Arthur

[TheMcG]

Great work! really enjoy playing when I can. 
 

Not sure if this is a bug with one of my addons but using the beta last wan the notifications on the lower right has an opacity set on them and were unreadable.  
 

was in Firefox, windows desktop. 

[Brock_S]

1 minute ago, TheMcG said:

Great work! really enjoy playing when I can. 
 

Not sure if this is a bug with one of my addons but using the beta last wan the notifications on the lower right has an opacity set on them and were unreadable.  
 

was in Firefox, windows desktop. 

I fixed this last night, it was most certainly a bug.