Real-Time Multiplayer Memory Game with Node.js and Socket.IO

Decided to take a little trip down memory lane! 🚀 Years ago, one of the very first things I ever built when I was learning to code was a really basic Tic-Tac-Toe game. Today, I figured it would be fun to open up that old repository and see how much I could improve it. It’s still a super simple Vanilla JavaScript app at its core, but giving it a 2026 glow-up was an absolute blast. Here’s what I changed to bring it into the modern era. ✨ The Glow Up: I completely ripped out the old styling and added modern glass UI effects along with a theme switcher. You can now play in Cyberpunk Neon, Deep Midnight, or Royal Gold. 🎮 Better Gameplay: Instead of the game ending immediately, I turned it into a combo-scoring game. You keep playing until the whole 3x3 or 5x5 board is completely full to rack up points. 🤖 Smarter Logic: The computer opponent isn't a total pushover anymore! I added some simple logic so it actively looks for winning spots, blocks my moves, or takes the center tile. 🌐 Online Play: To top it off, I hooked it up to Firebase so can actually send a room link to friends and play against them in real time. Want to play a round? Try it out here (works on mobile too!):  🔗 https://lnkd.in/gZEdadvu It's actually crazy to look back at the code I wrote years ago compared to how I approach things today. Honestly, revisiting your very first projects is a massive confidence booster and a great reminder of how far you've come. #JavaScript #WebDev #CodingJourney #SideProject #CSS #HTML #Frontend #Firebase #LearnToCode

🚀 DAY 115 — Built a Multi-player Real-Time Chess.com Clone ♟️ I recently developed a real-time Chess.com-inspired web application, focused on multiplayer gameplay and accurate game logic. 🔹 Key Features: • Live multiplayer gameplay using WebSockets • Interactive drag-and-drop chessboard • Move validation and game state management using chess.js • Turn-based gameplay with player role handling 🔹 Tech Stack: • Frontend: HTML, CSS, JavaScript • Backend: Node.js, Express • Real-time Communication: Socket.IO 🔹 What I Learned: • Implementing real-time communication between clients • Synchronizing game state across multiple users • Handling complex game logic and edge cases • Structuring backend systems for multiplayer applications 📌 Next Steps: Adding matchmaking and game timers. Feel free to share feedback or suggestions! #WebDevelopment #FullStackDevelopment #JavaScript #NodeJS #SocketIO #Projects #Chess

Day 20 of #30Appsin30Days — and I built a multiplayer game. 🎮 FogClaim.io is a real-time territory capture game — think Paper.io — where up to 5 players race to claim as much of a 100×100 grid as possible while hunting each other's trails. Here's the constraint I set myself: no game engines, no frontend frameworks. Just HTML Canvas, vanilla JavaScript, Node.js, and WebSockets. One dependency. Zero build tools. The hardest problem wasn't the rendering or the UI — it was collision detection. In a game loop that processes players sequentially, Player A might walk through Player B's trail without dying — simply because B's trail didn't exist in the map yet when A was evaluated. The iteration order decided who lived and who died. The fix: restructure the entire tick into three phases. Phase 1: Move all players simultaneously. Phase 2: Evaluate all collisions against the same map state. Phase 3: Let survivors lay trail and capture territory. Separating state mutation from state evaluation made the collision logic fully order-independent. A lesson that applies well beyond game dev. A few other things I'm proud of: → Flood-fill territory capture using typed arrays (Int16Array) for performance on a 10,000-cell grid → Session token reconnection — refresh mid-game and your position is restored for 10 seconds → A "peakAlive" counter that prevents a solo player from farming wins before opponents join → Swipe controls on mobile that actually feel good 10 days left in the challenge. I've shipped 20 apps in 20 days — solo, from scratch, every single day. What I've learned most: the gap between "it works in my head" and "it works with two players simultaneously doing unexpected things" is where all the real engineering lives. If you want to see the code or try the game, link in the comments. Github: https://lnkd.in/ghtEDeSM #buildinpublic #30Appsin30Days #JavaScript #WebSockets #GameDev #NodeJS #IndieHacker #SideProject

🎮 Most games let you play. This one lets you CREATE the game itself. I grew up playing classic DOS games like Dangerous Dave & Prince of Persia. Back then, the levels were fixed — you could only play what was given. I wanted to change that. What if the player became the designer? So I built DANGEROUS GAME — a browser-based retro platformer that doubles as a game creation platform. 👉 Build your own levels with a visual tile editor 👉 Control everything — enemies, weapons, physics, scoring 👉 Export your game as JSON and share it 👉 Others can import and play your exact version Swipe through the slides to see it in action ↓ Built from scratch — vanilla JS, zero frameworks, zero dependencies. No installation. No setup. Just open and play. 🔗 Play it now: https://lnkd.in/diRkMW6F 💭 Try it and tell me: → What did you build? → What would you suggest to improve? #gamedev #indiedev #javascript #html5 #buildinpublic #frontend #opensource #retro #coding #indiegame

🚀 Just built: GameHub – A Browser-Based Gaming Platform A lightweight gaming hub built with HTML, CSS, and JavaScript — no backend, fully playable in the browser. 🎮 Features: • 8 mini-games (Tic-Tac-Toe with AI, Snake, 2048, Sudoku & more) • Achievements & leaderboard system • Persistent profiles (localStorage) • Sound system + PWA (offline support) 🧠 Clean architecture with iframe sandboxing & modular JS. 👉 Try the live demo: https://lnkd.in/g848_a57 🔗 GitHub: https://lnkd.in/gBezHW29 ✨ More updates coming soon. #JavaScript #WebDevelopment #Frontend #GameDev

🚀 Built a Fun Stick Hero Game using HTML, CSS & JavaScript! Excited to share my latest mini project 🎮 — a Stick Hero Game inspired by classic arcade mechanics! ✨ Features: Smooth canvas-based animations Dynamic platform generation Real-time scoring system “Perfect hit” bonus logic 💯 Responsive full-screen gameplay 🛠️ Tech Stack: HTML5 | CSS3 | JavaScript (Canvas API) 💡 What I learned: Game loop using requestAnimationFrame Working with Canvas for animations Handling user interactions (mouse events) Logic building for collision detection & physics This project helped me strengthen my JavaScript fundamentals and understand how real-time games work behind the scenes. 👉 Try building it yourself or let me know if you want the code! #JavaScript #WebDevelopment #FrontendDeveloper #GameDevelopment #HTML5 #CSS3 #Coding #Projects #LearningByDoing

Using JavaScript to build something you can actually play.... #111DaysOfLearningForChange Day 11 : Building a Parkour Game using JavaScript Worked on: Player movement & jump mechanics Collision logic Game UI (HUD, stats, game over screen) Sound effects using JavaScript (Audio logic) Main thing I learned is that: Games are not just about visuals… they are all about logic, timing, and control. Every small function now connects to something bigger. #CodeForChange #WebDevelopment #LearningInPublic #WebStandards #111DaysOfLearningForChange – Code for Change #JavaScript #GameDevelopment #BuildInPublic #100DaysOfCode #FrontendDevelopment

One day my sister and I were playing UNO online, and after every single game… ads It got really annoying, and she just said, “why don’t you build your own one?” That actually stuck with me. So this is my Phase 1 I built a simple real-time multiplayer UNO-style game using: • Node.js • Socket.io • Basic HTML, CSS, JS What I’ve implemented so far: • Create and join rooms using a room code • 2-player real-time gameplay • Turn-based system handled completely on the server • Card logic like +2, skip, reverse, and wild • UNO call with penalty • Turn timer (auto action if a player is idle) This project turned out to be more than just a small game. I got a much better understanding of how real-time systems work which handling multiple users, syncing game state, and why server-side control really matters. Still a lot to improve and clean up, but I genuinely enjoyed building this. If you have any suggestions or ideas, feel free to share #nodejs #socketio #realtime #webdevelopment #learningbydoing

🎮 Just Built a Hangman Game using React! Excited to share my latest project — an interactive Hangman game with a clean UI and smooth gameplay. ✨ Features: Real-time word guessing logic Interactive keyboard input Win/Loss detection Responsive design 🚀 Live Demo : In Comments 💻 GitHub : https://lnkd.in/g_YGQSjb This project helped me improve my React skills and understand state management better. Would love your feedback! #React #WebDevelopment #Frontend #Projects #JavaScript

🚀 Built My Own Wordle Game🎯 Excited to share my latest mini project — a Wordle-inspired game built completely from scratch! 🎥 I’ve also attached a screen recording of the gameplay below 👇 🌐 Live Demo: https://lnkd.in/gYXsFAMR 🎮 How It Works: 🔹 If the guessed word is correct → 🎉 A celebration message is displayed 🟩 Letters in the correct position → Green 🟨 Letters present but in the wrong position → Yellow ⬜ Letters not in the word → Grey 💡 Key Features: ✅ Interactive 6x5 grid gameplay ✅ Real-time color feedback system ✅ Virtual keyboard + physical keyboard support ✅ Word validation using an external word list ✅ Replay option after win/lose 🛠️ Tech Stack: 🔹 HTML 🔹 CSS 🔹 JavaScript (Vanilla JS) 📚 What I Learned: ✔ DOM Manipulation ✔ Event Handling ✔ Game Logic Implementation ✔ Handling edge cases in letter matching 🔥 One key challenge was implementing accurate color-matching logic, ensuring correct feedback similar to the original Wordle. 📌 Exploring Full Stack Development (Java + Spring Boot + React) 👉 I’d love your feedback and suggestions! #WebDevelopment #JavaScript #FrontendDeveloper #Projects #Coding #FullStackDeveloper #OpenToWork #LearningJourney