Modern Frontend Development with Invokers and Popover APIs

🚀 Mini JavaScript Project: Live Search Filter I built a small JavaScript project that displays user cards with name, image, and role, along with a real-time search feature. As the user types in the input field, the list dynamically filters matching profiles using JavaScript array methods and DOM manipulation—without reloading the page. 🔧 Tech Used: HTML • CSS • JavaScript (DOM, filter, events) This project helped me strengthen my understanding of dynamic UI rendering and real-world search functionality. 🔗: https://lnkd.in/daSiKzRx Always open to feedback and learning! #JavaScript #WebDevelopment #Frontend #MiniProject #Learning

🎮 Tic Tac Toe Game | JavaScript Mini Project I just built a Tic Tac Toe game using HTML, CSS, and JavaScript 🚀 This project helped me understand: - DOM Manipulation - Game logic implementation - Event handling in JavaScript - Clean UI & user interaction It’s a simple game, but a great way to strengthen core JavaScript concepts. More such projects coming soon! 💻✨ 👉 Watch the video & share your feedback. #JavaScript #WebDevelopment #MiniProject #TicTacToe #Frontend #LearningByDoing #LinkedInProjects #SaiKetInnovation #SaiKetAchievements

Recently Built a Captcha Generator using HTML, CSS, and JavaScript check it out here:👉https://lnkd.in/g2eC-pyD It may look simple, but it covers: Random string generation User input validation Real-time feedback with UI effects DOM manipulation & Event handling Small projects like this really expose logic gaps and improve problem-solving. Thanks. #JavaScript #FrontendDevelopment #WebDev #PracticeProjects

🚀 Day 2 – Dark Mode Toggle Website Today I built a simple and clean Dark Mode Toggle feature using HTML, CSS, and JavaScript. ✨ Features: Smooth theme transition. Toggle button interaction. Light & Dark UI design. DOM manipulation using JS. Consistency > Motivation 🔥 🔗 GitHub: https://lnkd.in/gigPv7Cd #30DaysChallenge #WebDevelopment #FrontendDeveloper #JavaScript #BuildInPublic

🚀 Just Built a QR Code Generator! Excited to share a small but useful project I recently built using HTML, CSS, and JavaScript. This QR Code Generator lets you instantly convert any text or URL into a QR code — simple, fast, and browser-based. 🔗 Live Demo: https://lnkd.in/dDV2aJeX Building this project helped me strengthen my understanding of JavaScript logic, DOM manipulation, and UI basics. I’m continuously learning and improving — feedback and suggestions are always welcome! 🙌 #WebDevelopment #JavaScript #FrontendDeveloper #BuildInPublic #Projects #LearningJourney

JavaScript Events: Keyboard & Form Events Keyboard and form events play a key role in handling user interactions in web applications. • Keyboard events help track key actions like press and release • Form events help manage input changes and form submissions Understanding these events makes it easier to build responsive and interactive interfaces. Simple concepts, but very commonly used in real-world projects. #JS #javascript #events

Another small step forward in my web development journey 🎯 Built a Tic-Tac-Toe game using JavaScript (DOM & event handling) to practice interactive UI and core logic implementation. What I worked on: • DOM manipulation • Event listeners & state updates • Win, draw & reset logic This project helped me understand how JavaScript brings static pages to life. 🔗 Live Demo: https://lnkd.in/gpF9jtZg 🔗 Source Code: https://lnkd.in/gbxqE--R Feedback is always welcome 🙂 #JavaScript #DOM #WebDevelopment #Frontend #LearningByBuilding

Day 5 of Learning Web Development (DOM Events) 🚀 Today I practiced JavaScript DOM events and understood why sometimes event listeners “don’t work”. ✅ What I learned: How addEventListener("click", ...) works Why we get Cannot read properties of null (reading 'addEventListener') Fixing it using DOMContentLoaded (ensuring HTML loads before JS runs) Built a small feature: Generate Random RGB Color on button click 🎨 ✅ Mini project idea I implemented: Click a button → generate random color → apply it to background (or button) Key takeaway: If your JS can’t find elements, it’s usually because the script ran before the DOM was ready. #JavaScript #WebDevelopment #DOM #Frontend #LearningInPublic #100DaysOfCode

I built this small project to experiment with the View Transitions API and query parameters. The goal was to create a smooth transition between a card list and a detail view using HTML, CSS, and JavaScript. During testing, I noticed that Chrome doesn’t render the transitions as smoothly yet, while Edge provides a noticeably smoother experience, making it a better option to preview this demo. Live demo: https://lnkd.in/e8jRGwGm #Frontend #JavaScript #CSS