A simple online UNO card game built with web technologies.
2-4 Players join via a room code and play in real time.
Clean UI, fast gameplay, and minimal setup for playing.
I was in the mindset of “making a website” and not “making a game”, and I ended up with a navbar lol. I removed it and added an animating UNO logo = MUCH BETTER.
I decided to remove the quick-play for now since I need to core game first, and I managed to setup the rooms system and joining/reconnecting. The UI shows the players discconected or when you reconnect and the room code aswell.
I also decided to setup a “Smoke Test”, since that would be very helpful and 10x faster than doing it manually.
Next I’m going to setup the game UI for real gameplay. Then after add some SVGs for the cards, they all look pretty bad.
Log in to leave a comment
nice plz give me vote also and follow me
I’ve worked on the backend for room creation/joining/leaving. Redirects to the game.html page with a URL param: “?code=”. So far the UI doesn’t update but I have html templates for the players list.
I’m going to add options to kick players or lock rooms so no one else can join. The options should only be visible to room creators though. I’ve also started to make SVGs for the UNO cards since changing colours and then just overlaying a value like “8” or “+4”.
Next I plan to connect the UI of the game-page, with the actual state instead of just logging to the terminal. After I’ll focus on verifying info with the server for player decks, and game state.
I’m kinda avoiding the card-fanning issue for now, but I promise I’ll fix it
:)
Log in to leave a comment
Added some play buttons to the main page, and gave them a nice transition. The card fans are still broken but I’ll probably make anchor points or find a solution with CSS. I created the UI for the lobby list and create lobby. I also changed the font to Poppins which I got from Google Fonts. I
Next I’m going to connect the buttons with the UI elements, and work on server-side to create “rooms” and validation code.
Log in to leave a comment
I can see the potential here… great project!
I created the entire repo structure, I worked on VERY basic WebSocket connection. So far it just logs a message saying “Client Connected/Disconnected”.
I started with the “game” page, I have the player deck and the opponent decks.
I’m having issues with the “card-fans” for the opponents they are not lined up properly and I need to add the “value” on the corner instead of only center.
I added some basic animation and a table wood texture I found (ignore the orange div).
Next I’m going to make a proper lobby area and try to fix that issue with the cards.
Log in to leave a comment