Building Snake Game with JavaScript Logic

🚀 Just built a Hangman Game using HTML, CSS & JavaScript! 🎯 Features: • Letter-by-letter guessing system • Hint provided for each word • Maximum 6 wrong attempts • 😢 Sad emoji on loss • 🎉 Victory emoji on success This project helped me strengthen my understanding of: ✔ DOM Manipulation ✔ Event Handling ✔ Game Logic Implementation 💡 It was fun designing the logic behind tracking wrong guesses and updating the UI dynamically. 🔗 Check out the code here: https://lnkd.in/gMnvFf-i #WebDevelopment #JavaScript #FrontendDevelopment #CodingProjects #100DaysOfCode

🚧 Building in Public: Creating Monopoly with HTML, CSS & JavaScript 🎲 What started as a simple idea turned into a real challenge… so I decided to build a Monopoly game from scratch using pure HTML, CSS, and JavaScript. From designing the board 🎯 To handling player movement 🧍♂️ To coding game logic and interactions ⚙️ It’s been fun, frustrating, and incredibly rewarding at the same time. Here’s a quick preview of my progress 👇 I’m still improving it — adding smarter gameplay, better UI, and more features. 💡 If you were to play this, what feature would you want me to add? #BuildInPublic #JavaScript #WebDevelopment #CodingJourney #FrontendDeveloper #Projects #100DaysOfCode

🚀 Day 25 of #30DaysOfJavaScript Just built a ✊ Rock Paper Scissors Game using HTML, CSS & JavaScript! 🎮 It’s a simple game but helped me strengthen my core JavaScript concepts like logic building, DOM manipulation, and event handling. 🔥 Features: ✅ Player vs Computer gameplay ✅ Random AI moves ✅ Live score tracking ✅ Win / Lose / Draw logic ✅ Dark / Light mode toggle 🌙☀️ ✅ Fully responsive UI 📱 🌐 Live Demo: https://lnkd.in/gGdkuZaT 💻 GitHub Code: https://lnkd.in/g5JkVdx3 📚 What I learned: - Writing clean game logic - Handling user interactions - Updating UI dynamically - Improving UI/UX with simple features Consistency is the key 🔑 — 25 days strong and still going 💪 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney #HTML #CSS #Projects

🎮 Built a Snake Game using HTML, CSS & JavaScript — with persistent high scores! This project was more than just recreating a classic game. I focused on making it interactive and state-aware. 💡 Highlights: • Smooth snake movement & keyboard controls • Real-time score tracking • 🧠 High score saved using LocalStorage (persists even after refresh) • Game over + restart functionality • Clean UI for better user experience ⚙️ One interesting challenge was managing game state and ensuring the high score updates correctly without breaking the flow. This project helped me understand DOM manipulation, event handling, and how browsers can store data locally. 🚀 Next: Adding levels, sound effects, and mobile responsiveness! Would love your thoughts and suggestions 🙌 #JavaScript #WebDevelopment #Frontend #Projects #Coding #100DaysOfCode

Just Built a Rock Paper Scissors Game Using JavaScript! ✨ I recently developed a Rock Paper Scissors game and it turned out to be a really fun and insightful learning experience. Through this project, I strengthened my understanding of: • DOM manipulation • Event handling • Game logic implementation • Writing clean and structured JavaScript code One thing I truly realized during this It doesn’t matter how small the project is — what matters is consistency and learning by building. JavaScript is such a powerful and exciting language It allows us to create interactive and realistic applications from scratch. Features of my project: • Interactive UI • Random computer moves • Score tracking system • Restart/New Game functionality I’m continuously improving my frontend skills and excited to build more projects like this 🔗 Check it out here: [https://lnkd.in/dtCyARpX] 🔗 Live Demo here :[https://lnkd.in/dR_6wr48] #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #Projects #LearningByDoing

Day 62/100 🚀 Built a Rock–Paper–Scissors game using HTML, CSS, and JavaScript. Play against the computer and the score updates dynamically. Next step: adding animations and sound effects to improve the experience. 🔗Live Demo : https://lnkd.in/dEYfa7zd 💻GitHub Code:https://lnkd.in/ddjK3m7P #100DaysOfCode #JavaScript #WebDev #BuildInPublic

🚀 Built a Simon Game using JavaScript! I created a memory-based Simon Game where players must repeat an increasing sequence of colors as levels progress. ✨ Features: • Dynamic level progression • Button flashing • Game over detection • Highest score tracking 🛠️ Tech Stack: HTML, CSS, JavaScript This project helped me practice DOM manipulation, event handling, and game logic in JavaScript. Demo video below 👇 #JavaScript #WebDevelopment #Frontend #Coding

🏏 Built BPL Dream 11. Here's what I actually learned. 📚 🌐 Live: https://lnkd.in/gGhzvfd8 This wasn't just about cricket — it was a deep dive into React fundamentals, styling with Tailwind + DaisyUI, and using third-party libraries for the first time. What I practiced: ⚛️ React 19 → Component tree architecture → Props & state (useState, use() + Suspense) → Lifting state up for shared coin & player data → Conditional rendering for tab switching → Array filtering for player removal + coin refund 🎨 Tailwind CSS + DaisyUI → 100% utility-class styling → Responsive grid layout → DaisyUI components (card, divider, loading) 🔔 React Toastify → Toast alerts for selection & removal actions 🔧 React Icons → FaUser, IoFlag, RiDeleteBin6Line Real projects teach what tutorials can’t. 🌱 — #ReactJS #TailwindCSS #DaisyUI #LearningInPublic #FrontendDev #WebDev #JavaScript #100DaysOfCode #BuildInPublic #CodeNewbie #DevLife #CodingJourney

Built a Pac-Man from scratch. No libraries. No frameworks. Just vanilla JavaScript, HTML5 Canvas, and CSS. 👾 The result? Pac-Man Neon Arcade — a fully functional, neon-themed recreation of the classic game, running entirely in the browser. Here's what's under the hood: 🕹️ Game logic built with ES6 Modules — character movement, collision detection, and a full state machine 🎨 HTML5 Canvas for rendering the maze, Pac-Man, and ghost animations 👻 Individual AI written for each ghost — they don't all behave the same 🔊 Sound effects, high score tracking, multiple difficulty levels, and pause/resume The most challenging part? Writing the ghost AI from scratch. Each ghost has its own targeting logic, which is what makes the original game feel alive — and replicating that without any game engine was a great exercise in thinking algorithmically. No npm install. No build step. Just clone and open index.html. 🔗 GitHub: https://lnkd.in/gg7ybRS5 🔗 Live Link: https://lnkd.in/gYYxsmaQ Would love feedback from fellow devs — especially on the architecture and AI logic! #JavaScript #HTML5Canvas #GameDev #VanillaJS #BuildInPublic #WebDevelopment #OpenSource

Happy St. Patrick's Day! ☘️ I built a small interactive web experience for the occasion — a pot of gold you can actually click. What I practiced with this project: • CSS keyframe animations & physics-style coin arcs • Dynamic DOM manipulation with vanilla JS • SVG illustration entirely in code • Deployed via GitHub Pages in under 5 minutes Sometimes the best way to sharpen your skills is to build something fun and ship it. Try it here →[https://lnkd.in/g3jcGzcn] #WebDevelopment #JavaScript #FrontendDev #BuildInPublic #StPatricksDay #100DaysOfCode #OpenSource