JavaScript Number Guessing Game Project

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

🎮 Mole Smash Game – HTML | CSS | JavaScript 🌐 Live Demo: https://lnkd.in/g5JePc_M 📂 GitHub Repository: https://lnkd.in/gC2y2ngj 🛠️ Built With: 🧩 HTML for structure 🎨 CSS for layout and animations ⚡ JavaScript for game logic and interactivity 💡 What I implemented: 🔹 Dynamic DOM manipulation to show/hide moles 🔹 Randomized game behavior using JavaScript functions 🔹 Score tracking and real-time updates 🔹 Countdown timer with game control logic 🔹 Event handling for user clicks (smash interaction) 🔹 Smooth animations using CSS transitions 🧠 What I learned: 🔹 How to manipulate DOM elements dynamically 🔹 Managing game state using JavaScript 🔹 Using timers (setInterval, setTimeout) effectively 🔹 Handling user interactions and updating UI in real-time 🙏 Special thanks to: 🔹Alakhananda M N(Mentor) for continuous encouragement 🔹Sarath Lal(Trainer) for teaching standard development practices 🔹Luminar Technolab for providing a great learning environment This project helped me understand how JavaScript brings static pages to life by adding logic, interactivity, and user-driven behavior. More interactive projects coming soon 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #DOM #LearningJourney #MERN #GameDevelopment #LuminarTechnolab

Today I explored some core concepts of JavaScript events, and here’s my simple understanding: 🔹 Event Bubbling Event bubbling means when an event starts from the element you interact with and then travels upward through its parent elements. For example, if I click a button inside a div, the event first happens on the button, then the div, then the body, and so on. A simple way to imagine it: If I’m dancing in my room, you can also say I’m dancing in my house, in my city, or even in my country. It’s like: room → house → city → country 🔹 Stopping Event Bubbling Sometimes we don’t want the event to go upward. We only want it to stay on that specific element. For that, we use: element.addEventListener("click", (event) => {  event.stopPropagation(); }); 🔹 setInterval() Used when we want something to run repeatedly after a fixed time interval. Example: setInterval(() => { /* code */ }, 3000); 🔹 setTimeout() Used when we want something to happen once after a delay. Example: setTimeout(() => { /* code */ }, 4000); Learning these small concepts is helping me understand how interactive web applications really work. #JavaScript #WebDevelopment #Learning #Frontend #Programming

JavaScript Project | Tic Tac Toe Game Turning concepts into real projects! Today, I built a Tic Tac Toe game using my JavaScript knowledge from previous lectures, and successfully implemented the full game logic with an interactive UI. This project helped me understand how to build real-world applications using core JavaScript concepts. Here’s what I implemented: ● DOM Manipulation to create and update the game board dynamically ● Handling user clicks using event listeners ● Implementing game logic (win, lose, draw conditions) ● Tracking player turns (X & O) ● Writing clean logic to check winning patterns ● Displaying real-time results and game status ● Reset functionality to restart the game instantly ● Improving UI interaction for better user experience Key Learning: Building this project helped me connect multiple concepts like events, conditions, loops, and DOM handling into a single working application. It’s exciting to see how small concepts come together to create something fully functional! Looking forward to building more projects and sharpening my development skills every day. #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #Programming #LearnJavaScript #DeveloperJourney #100DaysOfCode #CodingLife #Projects #GameDevelopment #DOM #EventHandling #BuildInPublic #TechLearning

🚀 From learning JavaScript to building my own Quiz App… When I first started learning JavaScript, I struggled to understand how everything connects — DOM, events, logic, and user interaction. So I decided to stop just learning theory and start building 💻 That’s when I created my JavaScript Quiz App using HTML, CSS, and JavaScript. 💡 Features: - Interactive quiz UI - Multiple questions with options - Real-time score tracking - Instant feedback after each question - Clean and responsive design 🎯 This project helped me improve: - DOM manipulation - Event handling in JavaScript - UI/UX design basics - Problem-solving skills 🔗 Live Demo: https://lnkd.in/gFxPjwMu 💻 GitHub Repo: https://lnkd.in/gUj54GTW I’m continuously learning and building more projects to strengthen my frontend skills. #JavaScript #WebDevelopment #Frontend #Coding #Projects #Learning #BuildInPublic

🚀 Just Built an Escape Room Game using HTML & JavaScript! 🎮🔥 Excited to share my latest project – a fully interactive Escape Game developed using core web technologies! 🧠💡 In this game, players must solve puzzles, unlock clues, and make smart decisions to escape within a limited time. It’s designed to challenge logical thinking, problem-solving skills, and creativity. 🔧 Tech Used: • HTML for structure • CSS for styling & UI • JavaScript for game logic & interactivity ✨ Key Features: ✔️ Interactive puzzles & challenges ✔️ Timer-based gameplay ⏳ ✔️ Dynamic clues & user responses ✔️ Smooth and engaging UI This project helped me strengthen my concepts in DOM manipulation, event handling, and logic building in JavaScript. 💭 Building this game was not just fun, but also a great learning experience in creating real-world interactive applications. 🎥 Check out the demo video below and let me know your feedback! #WebDevelopment #JavaScript #HTML #Coding #GameDevelopment #FrontendDeveloper #Projects #LearningByDoing #TechWithArjun

🚀 Just Built a Beautiful To-Do List App using JavaScript! Excited to share my latest mini project — a sleek and interactive To-Do List Web App built using HTML, CSS, and JavaScript. ✨ Key Features: ✔ Add & delete tasks dynamically ✔ Mark tasks as completed ✔ Smart progress tracking bar 📊 ✔ Motivational messages based on progress 💡 ✔ Glassmorphism UI with smooth animations 💻 Tech Stack: HTML5 CSS3 (Glass UI + Animations) JavaScript (DOM Manipulation & Event Handling) This project helped me strengthen my understanding of: 🔹 DOM manipulation 🔹 Event listeners 🔹 Dynamic UI updates 🔹 Clean UI/UX design 📌 Next Improvements: Local storage (save tasks) Edit task feature Dark/Light mode toggle I’m continuously learning and building — feedback is always welcome! #JavaScript #WebDevelopment #Frontend #Coding #100DaysOfCode #CSE #Projects #Learning

🚀 Day 11 of My Web Development Journey Today, I built an interactive “Avoid the Box” mouse game using HTML, CSS, and JavaScript. 🎮 The concept is simple but fun: Avoid touching the moving box with your cursor while the timer counts down! Sounds easy… but it gets harder as the box keeps shrinking 😄 💡 What I implemented in this project: Dynamic DOM manipulation Event handling using mouseenter Random positioning logic for smooth gameplay Timer and score tracking system Sound effects for better user experience Game over logic with restart functionality 📚 Key Learnings: Understanding how user interactions (mouse events) can be used to create real-time engaging experiences. Also improved my logic-building skills by adding difficulty progression (shrinking box). 🔗 Live Demo: https://lnkd.in/gASyevmH 🔗 Source Code: https://lnkd.in/g2z6YyAS This project helped me realize how small ideas can turn into addictive mini-games with just core JavaScript. 👉 What should I build next? Suggestions are welcome! #Day11 #WebDevelopment #JavaScript #Frontend #30DaysOfCode #CodingJourney #MiniProject #GameDev

🚧 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

#WebDevlopmentBootcamp #Day_93 React.js • Tailwind CSS • DaisyUI • JavaScript (ES6+) • React Toastify ✨ Highlights: • Dynamic product listing & cart system • Add/remove functionality with real-time updates • Toast notifications for better user experience • Clean UI based on Figma design • Fully responsive across all devices This project strengthened my skills in React state management, component-based architecture, and responsive UI design. Live link: https://lnkd.in/gV44NTiQ Programming Hero #WebDevelopment #CodingBootcamp #HTML #CSS #javaScript #NextJs #tailwindCss #React #Git #GitHub #LearningInPublic #BuildInPublic #SoftwareEngineering #TechJourney #JuniorDeveloper