Built a Rock Paper Scissors Game to sharpen my JavaScript skills. As part of improving my frontend development skills, I created this simple but interactive project using HTML, CSS, and JavaScript. It was a great hands-on way to practice: 💠 DOM manipulation 💠 Event handling 💠 Game logic implementation 💠 Dynamic UI updates Working on small projects like this helps strengthen core concepts and builds confidence in writing better JavaScript. I’ve attached a short demo video of the project below. You can also check out the live project here: https://lnkd.in/dBgzzbm4 #JavaScript #WebDevelopment #FrontendDevelopment #100DaysOfCode #CodingProjects #HTML #CSS #LearningByBuilding

🎮 Built a Simon Says Game using HTML, CSS & JavaScript I recently built a memory-based game where users have to repeat an increasing sequence of colors. I created this project while learning from #ApnaCollege, and it helped me strengthen my JavaScript fundamentals. 🔧 Key Features: • Interactive UI with color-based buttons • Keyboard event to start the game • Level progression system • Game-over and restart functionality 💡 What I learned: • DOM manipulation and event handling • Writing game logic step-by-step • Improving UI using HTML & CSS 🔗 Live Demo: https://lnkd.in/gJKbbDHq I would love to hear your feedback and suggestions to improve this further. #WebDevelopment #JavaScript #Frontend #Projects #LearningJourney #100DaysOfCode

🚀 Just Built My First Dynamic Quote Generator! Excited to share a small project I’ve been working on using JavaScript DOM manipulation 🎯 💡 Features: ✔️ Generates random quotes ✔️ Changes background colors dynamically 🎨 ✔️ Uses concepts like textContent, setInterval, and DOM methods This project helped me understand: 👉 How to manipulate the DOM 👉 How to use arrays and random functions 👉 Difference between innerHTML and textContent 👉 Real-time UI updates 🔧 Tech Used: HTML | CSS | JavaScript Small steps, but moving forward consistently 💪 Next step: Adding animations and user input features 🚀 Would love your feedback and suggestions 🙌 #WebDevelopment #JavaScript #Frontend #Learning #CodingJourney #100DaysOfCode

🚀 Day 4 of #100DaysOfFrontend Built a Real-Time Digital Clock using HTML, CSS, and JavaScript ⏱️ This project helped me understand how to work with the Date object, update the UI dynamically, and use setInterval for real-time functionality. Small project, but a big step in learning JavaScript 💪 🔗 Live Demo: https://lnkd.in/ghiNej6F 💻 GitHub: https://lnkd.in/gZ_z8fDm #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

🚀 Day 8 of #100DaysOfFrontend Built a Background Color Changer using HTML, CSS, and JavaScript 🎨 This simple project helped me understand DOM manipulation, event handling, and how to dynamically update styles using JavaScript. Also explored generating random colors for a better user experience. Consistency is key 🔑 — learning and building every single day 💪 🔗 Live Demo: https://lnkd.in/ggn74Msj 💻 GitHub: https://lnkd.in/gEAXCYND #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

Project Title : Rock Paper Scissors Game A Rock Paper Scissors game built with vanilla HTML, CSS,  and JavaScript. Features: - Player vs Computer mode - Random computer choice generation - Real-time score tracking for both player and computer - Dynamic result messages with color feedback - Clean and responsive UI with image-based choices Built this to practice JavaScript fundamentals —  random number generation, DOM manipulation,  conditional logic, and event handling.

Just built a simple yet functional Stopwatch using HTML, CSS, and JavaScript ( This project helped me strengthen my understanding of: • DOM manipulation • Event handling (Start, Stop, Reset) • Time logic and intervals in JavaScript • Structuring clean and responsive Ul with CSS Watching the timer run in real-time after writing the logic from scratch was a satisfying moment. Small projects like this continue to sharpen my problem-solving skills and build my confidence as a developer. Next step: improving the design and adding more advanced features #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #SoftwareEngineering

Learning and improving by building projects. Created a basic Image Editor with HTML, CSS, and JavaScript. Added real-time filters using Canvas API and download feature. Features: • Real-time filters (brightness, contrast, blur, etc.) • Presets (vintage, black & white, warm tone, etc.) • Reset option • Download edited image UI is not fully responsive yet, still working on improving it. 🔗 Live Demo:  https://lnkd.in/g9EHkjve 🔗 GitHub Link: https://lnkd.in/gwfEq_j7 Trying to get better with each project. #WebDevelopment #JavaScript #Frontend #Learning

Just built the classic Snake Game using HTML, CSS, and JavaScript 🐍 The logic behind it was really interesting — especially handling movement, detecting collisions, and making the snake grow after eating food. This project helped me improve: • JavaScript logic building • DOM manipulation • Game loop concepts Still learning and exploring 🚀 Would love to hear your feedback! #JavaScript #WebDevelopment #Frontend #Projects #Learning

🚀 Exploring JavaScript Timers & DOM Manipulation I recently built a small project to understand how setTimeout, setInterval, and DOM events work together in JavaScript. 💡 Here’s what this mini project demonstrates: 🔹 setTimeout() Updates text after a delay Can be stopped using clearTimeout() 🔹 setInterval() Continuously updates content (live timestamp) Prevented multiple intervals using a condition Controlled with Start/Stop buttons 🔹 Dynamic Background Color 🎨 Generates random HEX colors Changes UI background every second Uses Start/Stop logic for better control 🧠 Key Learnings: Managing intervals properly (avoiding multiple executions) Writing reusable functions like randomColor() Improving user interaction with event listeners Understanding real-time updates in the browser 💻 This project helped me strengthen my fundamentals in: JavaScript • DOM Manipulation • Event Handling • Timers ✨ Small projects like this build strong foundations! #JavaScript #WebDevelopment #Frontend #Coding #100DaysOfCode #Learning #DeveloperJourney