Built a simple Counter App using HTML, CSS, and JavaScript. Increase ➕ Decrease ➖ Reset 🔄 — works similar to cart quantity updates. This project helped me understand DOM manipulation and dynamic value updates. GitHub Repository : https://lnkd.in/gZzUcGWT Live Demo : https://lnkd.in/gYbGruAM #JavaScript #Frontend #Learning

🎨 Day 18 — JavaScript 30 Days Challenge Day 18 complete — built a Random Color Generator App using Vanilla JavaScript. With a single click, the app generates a completely random color and applies it to the background instantly. It also displays the color code so it can be copied and reused in designs or projects. Features include: • Random color generation • Dynamic background updates • Displaying HEX color codes • Copy-friendly color values This was a fun one. It’s a simple project but super useful for designers and developers when experimenting with color palettes. Code pushed to GitHub + Live hosted link in ReadMe ( GitHub link in Profile section). Day 18 done. Still building. 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #30DaysOfCode #RandomColorGenerator #BuildInPublic #CodingJourney

Just shipped my Day 17/30 JavaScript challenge: a fully functional To-Do List app! Built with vanilla JS, this project showcases DOM manipulation, event listeners, and dynamic element creation in action. Features include adding tasks, marking them complete with a strikethrough effect, deleting individual items, and clearing everything at once. The sleek UI is fully responsive and built with pure HTML, CSS, and JavaScript. no frameworks, just core fundamentals. Tech topics covered: querySelector, innerHTML, createElement, addEventListener, and event delegation. From image uploaders to task managers, each project peels back another layer of web development. Check it out live: https://lnkd.in/d34HUqPn #FullStackDeveloper #JavaScript #WebDevelopment #CodeGuru #FrontendDevelopment

#Hello #Connections 👋 #100DaysOfCodeChallenge | #Day38 🚀 Project: Notes App 📌 What I built Today I built a simple and interactive Notes App where users can create and manage notes directly in the browser. Users can add a note with a heading and details, view it instantly in the notes section, and delete notes when they are no longer needed. 🛠 Technologies Used HTML5 CSS3 Tailwind CSS JavaScript (DOM Manipulation & Event Handling) ⚠ Challenge I faced Dynamically creating note cards and updating the UI whenever a note is added or deleted. ✅ How I solved it Used JavaScript arrays to store notes and a render function to dynamically generate note cards in the DOM whenever the notes list changes. 💬 Open to feedback and suggestions 🚀 🔗 Project link in comments 👇 🙏 Code Of School Avinash Gour | Ritendra Gour #FrontendDeveloper #JavaScript #HTML5 #CSS3 #TailwindCSS #WebDevelopment #100DaysOfCode #DeveloperJourney

Learn in Public - Day 18 🚀 Built a small Tip Calculator project today using HTML, CSS, and JavaScript. The app lets a user enter the bill amount and tip percentage, then calculates the tip amount and total bill automatically. While building it, I practiced: Working with user inputs Event listeners Basic input validation Updating values dynamically using DOM manipulation Simple project, but it helped me understand how JavaScript handles real user input...! Live Project 👇 https://lnkd.in/djHJmixy GitHub Repo 👇 https://lnkd.in/d7cWSbhE #LearnInPublic #JavaScript #WebDevelopment #100DaysOfCode #Day18

🚀 Built an Interactive Quiz App using HTML, CSS, and JavaScript! I’m excited to share my latest project: an Interactive Quiz Application that allows users to answer multiple-choice questions and instantly see their final score. 🔹 Project Highlights • Dynamic quiz questions with multiple-choice answers • Real-time score calculation • DOM manipulation for updating content dynamically • Event handling for user interactions • Clean and responsive UI 🛠️ Tech Stack HTML | CSS | JavaScript | DOM Manipulation 📚 Learning Outcomes • Improved understanding of JavaScript event handling • Learned how to manipulate the DOM dynamically • Practiced building interactive user interfaces • Implemented quiz logic and score calculation • Strengthened problem-solving and debugging skills 🌐 Live Demo https://lnkd.in/ddP96Tmd 💻 GitHub Repository https://lnkd.in/dZ5V93WS I’m continuously improving my skills in full-stack development and building real-world projects. Feedback and suggestions are always welcome! 🙌 #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearningInPublic #FullStackDeveloper

Just built a Quiz Game using HTML, CSS, and JavaScript! This project helped me strengthen my understanding of core front-end development concepts, especially how JavaScript interacts with the DOM to create dynamic user experiences. What I learned: • Manipulating the DOM to update content dynamically • Handling user interactions with event listeners • Managing application state (score, current question, progress) • Structuring clean and reusable code • Debugging real issues (which taught me a lot ) 🛠️ Tools & Technologies: • HTML • CSS • JavaScript The app includes: ✅ Interactive questions ✅ Real-time score tracking ✅ Progress bar ✅ Final results screen with feedback This project reminded me that small bugs can break everything — but solving them is where real learning happens. Looking forward to building more projects and improving my skills. #WebDevelopment #JavaScript #FrontendDevelopment #CodingJourney #100DaysOfCode

🚀 Excited to share my first JavaScript Calculator project! I built this web app using HTML, CSS, and JavaScript, where you can perform basic arithmetic operations with real-time results. What started as a small learning experiment turned into a hands-on experience with: 💡 DOM manipulation 💡 Handling button clicks 💡 Building calculation logic It’s amazing how much you can learn by building something from scratch! 🎉 🎥 Check out the demo showing both the code and working app. #javascript #webdevelopment #frontend #learningbydoing #codingjourney

Headline: 📈 Small Projects, Big Progress. From static HTML pages to dynamic, state-driven interfaces. This To-Do app was a fun way to practice Clean Code principles in Vanilla JS. Key Features: ✅ Add tasks via button or keyboard. ✅ Individual task deletion. ✅ Clean, centered UI for better focus. Next step? Adding LocalStorage so the tasks persist even after a page refresh! 🔄 #LearnToCode #JavaScript #DeveloperJourney #WebDev #PortfolioProject

Day 17 of my JavaScript journey 🚀 Built an Expense Tracker using HTML, CSS, and JavaScript. This app helps users track their income and expenses, showing the total balance dynamically. This project helped me practice: • Working with arrays and objects • DOM manipulation • Event handling • Dynamic data updates 🔗 Live Demo: https://lnkd.in/gmrsaRJR 💻 GitHub Repo: https://lnkd.in/gS4WA8gJ Moving from small UI projects to more real-world applications step by step. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney