🚀 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
More Relevant Posts
-
I developed an interactive browser-based game using JavaScript, HTML and CSS 🎮 This project helped me strengthen my understanding of game logic, DOM manipulation, and core front-end development concepts. 🎥 Demo: Check out the gameplay video below 👇 🔗 GitHub Repository: https://lnkd.in/gMbcD756 🌐 Live Game: https://lnkd.in/gi39pk5g ✨ Key features: Smooth player controls & responsive gameplay Obstacle generation and collision system Score tracking system Lightweight and fully browser-based This project was a great hands-on learning experience in building real-time interactions using JavaScript. I would really appreciate feedback or suggestions to help me improve this game further. 😊 #WebDevelopment #JavaScript #GameDevelopment #FrontendDevelopment #StudentDeveloper #GitHub #OpenToWork
To view or add a comment, sign in
-
🚀 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
To view or add a comment, sign in
-
-
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
To view or add a comment, sign in
-
-
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
To view or add a comment, sign in
-
-
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
To view or add a comment, sign in
-
🎮 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
To view or add a comment, sign in
-
🚀 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
To view or add a comment, sign in
-
🚀 Built a Mini Game Hub using React + TypeScript 🎮 Just wrapped up a fun side project where I developed a simple Game Hub featuring: 🟣 Snake – Classic gameplay with score tracking 🟣 Sudoku – Logic-based number puzzle 🟣 Chess – Strategy game with interactive board 🔧 Tech Stack: React (Vite + TypeScript) Redux Toolkit for state management React Router for navigation Chess.js + React Chessboard Sudoku generator library 💡 What I focused on: Clean and scalable component structure State management using Redux Reusable UI components Smooth user experience This project helped me strengthen my frontend architecture skills and improve handling of interactive game logic in React. 📽️ Sharing a quick demo video below (under 3 mins) Would love your feedback and suggestions 🙌 Open to collaborating on more interesting frontend projects! Github Repo : https://lnkd.in/g5GMhbjE #ReactJS #FrontendDeveloper #TypeScript #WebDevelopment #Redux #JavaScript #SideProject #GameDevelopment
To view or add a comment, sign in
-
I spent the past few weeks building an online multiplayer Ludo game in order to push beyond my current skill level. I initially considered chess, but quickly realized the complexity of move validation would've gotten in the way of what I actually wanted to explore: real-time multiplayer architecture. The game has two modes: 𝗣𝗮𝘀𝘀 & 𝗣𝗹𝗮𝘆 This was handled entirely on the client. I used useReducer to manage game logic, essentially acting as a lightweight game engine in React. 𝗢𝗻𝗹𝗶𝗻𝗲 𝗠𝗼𝗱𝗲 One player creates a room, others join with a room code, and the host starts the game when everyone's ready. Under the hood, Socket.io handles real-time communication (with built-in rooms), while Redis stores the shared game state for each room. I also used localStorage and reconnect events so players don't lose their session on refresh. The part I'm most proud of: I reused the same reducer function from the client on the server. It's a pure function, it takes the current state and an action, and returns a new state. On the server, instead of dispatching actions, the client emits WebSocket events containing those actions. The server runs them through the reducer and saves the result back to Redis. Clean separation. No duplicated logic. Tech stack: Frontend: React, TypeScript, Tailwind Backend: Node.js, Express, TypeScript, Socket.io, Redis (live game state), MongoDB (auth) As a bonus, I also containerized the server with Docker. This project made me noticeably more confident in my backend abilities — especially around designing systems beyond simple MVC. Big thanks to Eti-ini Effiong-Robert for the code review and Elochukwu Okafor for the help with server architecture. Live-Link: https://ludoly.vercel.app/ Github-link: https://lnkd.in/ef-xTK6d #buildinpublic #softwareengineering
To view or add a comment, sign in
-
-
🎮 Programming a Game Platform Website Programming a game platform website is an exciting project that combines creativity and technology. It involves designing a user-friendly interface, writing code to make the site interactive, and adding features such as game libraries, user accounts, and leaderboards. Developers often use technologies like HTML, CSS, and JavaScript to build and style the platform while ensuring a smooth experience for players. 🚀🎮 #Programming #GameDevelopment #WebDevelopment #Coding #Tech
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development