I recently built a Real-Time Character Counter using HTML, CSS, and JavaScript. The text area updates the character count as the user types and prevents input beyond the maximum limit. This small project helped me practice JavaScript event handling and DOM manipulation. Feel free to check it out and use the code for learning. #JavaScript #WebDevelopment #HTML #CSS #LearningByDoing #CodingJourney Live demo link: https://lnkd.in/gHNBqfN2 Github repository link: https://lnkd.in/geS37Eia

🚀 Built a simple "Guess the Number" Game using HTML, CSS, and JavaScript. Features: • Random number generation • Score tracking • Reset functionality This project helped me practice DOM manipulation and JavaScript logic. 🔗 Live-demo : https://lnkd.in/gDSVgTfT #JavaScript #WebDevelopment #Frontend #Learning

Day 14 of my JavaScript journey 🚀 Built a Quiz Game using HTML, CSS, and JavaScript. Users can answer multiple-choice questions, get instant feedback, and track their score. This project helped me practice: • DOM manipulation • Event handling • Conditional logic • Dynamic score tracking 🔗 Live Demo: https://lnkd.in/gSjTeEFb 💻 GitHub Repo: https://lnkd.in/gAp_RjRK Building more interactive and logic-based projects day by day. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney

JavaScript Practice Project – OTP Generator I built a simple OTP Generator and Verification interface using HTML, CSS, and JavaScript. This project is mainly built to understand how the Math.random() works and how it can be used to generate random numbers. Features: 🔹 Generate random 4-digit OTP 🔹 Automatic cursor movement between input fields 🔹 OTP verification with result message 🔹 Random background color generator Concepts used: ✔ DOM Manipulation ✔ input and click events ✔ Math.random() for OTP and colors ✔ CSS Flexbox GitHub Repository: https://lnkd.in/gNidTc9Y Live Demo: https://lnkd.in/g2YtwCEW #JavaScript #WebDevelopment #FrontendDevelopment #LearningByBuilding

Excited to share my latest mini-project — Simon Says Game built using HTML, CSS, and JavaScript. This project focuses on improving JavaScript logic, DOM manipulation, and event handling while creating a fun memory-based game. Check out the project and try it yourself! GitHub Link: https://lnkd.in/gd39kJxx #WebDevelopment #JavaScript #Projects #LearningInPublic

I built my own mini Tailwind CSS engine using vanilla JavaScript Here’s what it does: • Parses custom utility classes (chai-) • Maps them to CSS properties • Applies styles dynamically via JavaScript • Reacts to DOM changes using MutationObserver This project helped me understand: • How utility-first CSS actually works • DOM traversal and dynamic styling • How reactivity can be implemented without frameworks • The trade-offs between static and runtime styling systems Live Demo 👇 https://lnkd.in/gnM67yiQ Source code 👇 https://lnkd.in/gKVgtZGp #javascript #webdevelopment #frontend #css #tailwindcss #learninginpublic #buildinpublic #developers #programming #100DaysOfCode

🚀 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

Just built my first real JavaScript project 🚀 I created a Simon Says Game using HTML, CSS, and JavaScript. 🔹 Features: • Dynamic color sequence generation • Real-time user input validation • Progressive difficulty levels 🔹 What I focused on: • DOM manipulation • Event handling • Structuring game logic This project helped me understand how small UI interactions actually work behind the scenes. 👉 Try it here: https://lnkd.in/gVuXbaAq Would appreciate feedback 🙌 #javascript #webdevelopment #100DaysOfCode #learninginpublic

🚀 Built a small JavaScript project: Guess The Number Game Features: • Random number generation using JavaScript • User input validation • Dynamic feedback (Too high / Too low) • Attempt tracking Tech Stack: HTML • CSS • JavaScript This project helped me practice DOM manipulation and basic game logic. Try it here: https://lnkd.in/gMDTeM8N #webdevelopment #javascript #frontend #learning

Practicing and revising my JavaScript concepts by building a Simon Says Game using HTML, CSS, and JavaScript. In this project, the player needs to remember and repeat the sequence generated by the system. Through this, I practiced: • DOM events • Arrays for storing sequences • Game logic implementation • User interaction handling Building small projects is a great way to strengthen concepts. 💻✨ #javascript #webdevelopment #frontend #coding #learningbydoing #project #html #css