Thrilled to share my latest JavaScript project: Rock-Paper-Scissors (Human vs Computer)! 🎮 Built from scratch with HTML, CSS & pure JavaScript: > Real-time gameplay with dynamic UI updates > Score tracking (user vs computer) > Win/Draw/Lose messages with color feedback > Responsive design & smooth event handling This project helped me master DOM manipulation, events (click), array methods, conditions, and logic flow. GitHub: https://lnkd.in/d7VequBY Watch the gameplay below! Excited to keep building more interactive projects. Feedback & suggestions welcome! #JavaScript #WebDevelopment #Frontend #GameDev #DOM #CodingJourney #SelfTaught

🚀 #Day 34 Today I built a mini project — Simon Says Game using HTML, CSS, and JavaScript 🎮 This project helped me apply DOM manipulation + events in a real interactive game. 📌 Concepts Used: • DOM Selection & Manipulation – Updating colors dynamically • Event Listeners – Detecting user clicks • Random Number Generation – Creating random color sequence • Arrays – Storing game pattern & user pattern • Functions – Structuring game logic cleanly • setTimeout() – Creating delay effects for animations • Game Logic Handling – Comparing user input with generated sequence • Level System – Increasing difficulty step by step 📌 What I Learned: ✅ How to manage game state ✅ How to compare two arrays step-by-step ✅ How to reset the game when user loses ✅ How small logic mistakes can break full functionality Building this game improved my confidence in writing real interactive JavaScript logic, not just theory. Day 34 complete ✅ 👍🏻 🚀 #Day34 #100DaysOfCode #JavaScript #MiniProject #DOM #WebDevelopment #MERNStack

Building simple games is seriously one of the best ways to level up your JavaScript logic! 🎮💻 I recently challenged myself to build a dynamic Quiz Game using just HTML, CSS, and JavaScript. My main goal was to focus on creating a seamless, interactive user experience with snappy feedback and a responsive design that adapts to any screen size. A few things I focused on: ✅ Writing modular, easily readable JavaScript logic ✅ Adding subtle CSS effects to make the interactions feel "alive" ✅ Ensuring the layout doesn't break on smaller mobile screens Every project teaches you something new, and this one really helped me sharpen my DOM manipulation skills. Source code is up on my GitHub: [https://lnkd.in/gm3Ey5wD] If you're a developer, what was the first game you ever coded? Let me know in the comments! #JavaScriptDeveloper #FrontendDev #Coding #WebDesign #TechCommunity #BuildInPublic #Developer

🚀 Memory Card Game – Built with HTML, CSS & JavaScript I built a fully functional Memory Matching Game using pure JavaScript and DOM manipulation. 🎮 How it works: Click the first card → it flips and reveals a fruit 🍎 Click the second card → it checks for a match ✅ If matched → cards stay open ❌ If not matched → cards flip back automatically Game continues until all pairs are matched 💡 Key Concepts Used: DOM Manipulation Event Listeners Array Shuffling Conditional Logic CSS Animations Game State Management. This project helped me understand how real-time user interaction works in JavaScript. Next step: Adding timer and score tracking 🔥 #JavaScript #WebDevelopment #FrontendDeveloper #HTML #CSS #100DaysOfCode

🚀 Built a Rock Paper Scissors Game using Pure HTML, CSS & JavaScript! Excited to share my recent mini project — a fully functional Rock Paper Scissors Game built using only HTML, CSS, and basic JavaScript (no frameworks, no AI tools). 💡 Features: 🎮 Interactive Rock, Paper, Scissors gameplay 📊 Live Scoreboard 💾 Score persistence using Local Storage 🔄 Reset button to clear scores instantly 🔁 Automatically restores latest score even after closing & reopening the browser This project helped me strengthen my understanding of: -DOM Manipulation -Local Storage Basic Game Logic Implementation Clean UI structuring with CSS Small projects like these are helping me build strong fundamentals in JavaScript and frontend development. More projects coming soon 🚀 #HTML #CSS #JavaScript #WebDevelopment #FrontendDeveloper #LearningByDoing #Projects

Built a Simon Says Game using HTML, CSS, and JavaScript! This project helped me practice: • DOM manipulation • Event handling • Game state management using arrays • Dynamic UI updates • Basic game logic implementation 🎮 How to Play: 1️⃣ Press any key to start the game 2️⃣ Watch the color that flashes 3️⃣ Click the same color 4️⃣ With each level, a new color is added to the sequence 5️⃣ Repeat the full sequence correctly to level up 6️⃣ Click the wrong color, and the game resets 🔗 Live: https://lnkd.in/gR6iKkfk #JavaScript #FrontendDevelopment #WebDevelopment #LearningInPublic #HTML #CSS

Built a Tic-Tac-Toe Game using HTML, CSS, and JavaScript 🎮 Recently, I developed a simple Tic-Tac-Toe game to strengthen my fundamentals in JavaScript and DOM manipulation. The game includes: • Turn-based X and O gameplay • Winner detection using winning patterns • Draw condition after 9 moves • Reset and New Game functionality While implementing the draw logic, I ran into a bug where the “Game Drawn” message kept appearing even after a player had won. By debugging step by step using console logs, I was able to identify the issue and fix the logic. This project helped me improve my understanding of: • Event handling • State management using variables • DOM updates • Debugging techniques It’s always satisfying to solve a problem through your own reasoning and testing. GitHub: https://lnkd.in/dUr_dzPW #JavaScript #WebDevelopment #Frontend #CodingJourney #100DaysOfCode

Today I built a simple Bird Game using HTML, CSS, and JavaScript — and this project helped me understand the real power of the DOM. Instead of just designing static pages, I focused on making the game interactive and dynamic using JavaScript. Here’s what I worked on 👇 🎮 Core Concepts Used 🔹 DOM Manipulation Used the Document Object Model to dynamically update positions, detect collisions, and control game behavior in real time. 🔹 Event Handling Handled keyboard/mouse inputs to control the bird’s movement. 🔹 Game Loop Logic Implemented continuous movement and obstacle generation using timing functions. 🔹 Collision Detection Tracked object positions and applied logic to determine game over conditions. 🔹 Dynamic UI Updates Updated score, reset states, and handled real-time rendering efficiently. Looking forward to building more interactive projects 🚀 #JavaScript #HTML #CSS #DOM #FrontendDevelopment #WebDevelopment #LearningInPublic #GameDevelopment LIVE LINK : https://lnkd.in/dRXBK_YZ

Day-37 | JavaScript Logic Through Real Games 🎮 Today, I focused on turning JavaScript concepts into real user interactions, instead of just learning syntax. I worked on small games and utilities that respond instantly to user input — just like real websites do. What I learned today 👨💻 ➕ Addition Game Generating random numbers dynamically Reading user input and validating it Giving instant feedback for correct and wrong answers Resetting the game state cleanly 🎨 Random Color Generator Storing multiple values and picking one randomly Changing UI styles dynamically Understanding how randomness works in real applications Core concepts I understood clearly today 🧠 How logic controls UI behavior How user input flows → validation → output How small decisions in code create interactive experiences Key realization 👇 JavaScript isn’t about writing lines of code. It’s about controlling behavior and responding to users in real time. Games made this obvious: Every click triggers logic Every result depends on conditions Every reset is state management That’s when JavaScript started feeling predictable and powerful, not confusing. Still learning. Still practicing. But now I’m building things people can actually use. Day-38 loading… 🚀 #BuildInPublic #JavaScript #WebDevelopment #LearningInPublic #FrontendDevelopment #Consistency #DeveloperJourney #NxtWave #Day37

💡 Lights Out - A web-based JavaScript game Our second project for _nology was to create a web-based browser game using JavaScript. I decided to recreate the game "Lights Out", based on the electronic game from 1995. The idea is simple: You have a 5x5 board where you need to turn off all the lights in as few moves as possible. Each cell that is clicked toggles itself and the cells above, below, right and left of it. The biggest challenge I had creating this project was the board logic: validating the user's clicks and which cells can be toggled if the user clicks on an edge cell. Calculating row and column numbers from the array of cells allowed me to validate which cells can be toggled - only cells in the same row/column as the target cell could be toggled. Further improvements to the game would include: - Creating a dark mode for the website - Adding a timer which starts on the first click - Allowing the user to choose the board size for an easier or harder game (3x3, 5x5 or 9x9 grid) - Adding sound effects and more animated transitions when lights are turned on/off I really enjoyed putting this one together, and pushing myself with slightly more complex logic. You can view the live site here: https://lnkd.in/e4Hy-VNA Code repository: https://lnkd.in/e-arE_SH If you have a go at playing, let me know what you think! 😊 #nology #JuniorSoftwareDeveloper #JuniorSoftwareEngineer #WomenInTech