Built a simple movie library using HTML, CSS, and vanilla JavaScript to practice fetching JSON data and rendering dynamic UI cards. Focused on clean structure, Flexbox layout, and readable DOM logic. No frameworks, just fundamentals. Always refining the basics. 💻 Code available on my GitHub: https://lnkd.in/ggsPpka5 #FrontendDevelopment #JavaScript #HTML #CSS #WebDevelopment #LearningInPublic #ContinuousLearning

🚀Hello Everyone:- Day 12 – 15 Days of JavaScript Challenge: 🔹Task 2: JavaScript User Card Filter Project Built a dynamic user card interface using vanilla JavaScript that displays user profiles with images and bios. ✨ Key Features Dynamically creates user cards using DOM manipulation Displays profile image, blurred background layer, name, and bio Implements real-time search filtering using the input event Uses array.forEach() to render UI components Uses array.filter() to match users based on search input Clears and re-renders results dynamically without page reload 🧠 Concepts Used JavaScript Objects & Arrays DOM Manipulation (createElement, appendChild) Event Handling (input event) Higher-order array methods (forEach, filter) Dynamic UI rendering 🚀 Outcome Created a clean, responsive, and interactive user listing feature similar to a social profile explorer, improving understanding of real-time filtering and DOM-based rendering. #JavaScript #DOMManipulation #FrontendDevelopment #15DaysOfJavaScript #HTML  #HTMLInterview  #WebDevelopment  #FrontendDeveloper #HTML5  #CodingJourney #HTMLBasics  #DeveloperCommunity #InterviewPreparation  #HTMLQuestions #100DaysOfCode #LearnToCode  #BuildInPublic  #FrontendLearning  #GitHubRepository #15DaysOfJavaScript #JavaScript  #WebDevelopment  #DailyCoding  #DeveloperJourney #15DaysOfJavaScript #JavaScript #WebDevelopment #LocalStorage #DailyCoding #DeveloperJourney

Day 128 of #130DaysOfCode 🎬💻 Built a Movie Reviews application using HTML, CSS, and JavaScript. What I implemented today: Created a form-based UI with input and textarea for user data Captured user input using DOM access (value) Added basic validation to prevent empty movie titles Dynamically rendered: Movie title Movie review Separator (<hr>) for clarity Reset input fields after successful submission Key concepts reinforced: DOM manipulation with createElement() and appendChild() Handling button click events with functions Structuring user-generated content dynamically Why validation matters before updating the UI Why this matters: This pattern is used in comment systems, review sections, feedback forms Strong fundamentals > fancy libraries Next improvements (no excuses): Add delete/edit review Store reviews in localStorage #JavaScript #DOMManipulation #FrontendDevelopment #WebDevelopment #130DaysOfCode #BuildInPublic #NxtWave

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

Built an interactive image movement feature using HTML, CSS, and JavaScript, where users can dynamically shift an image left or right with button controls — demonstrating creative DOM manipulation and responsive UI behavior. #WebDevelopment #FrontendDevelopment #JavaScript #HTMLCSS #UIUXDesign #InteractiveDesign #CodingLife #Innovation #TechProjects #LinkedInTechCommunity

Today I worked on handling checkbox input using JavaScript. The requirement was simple: when a checkbox is checked, its value should appear in the UI; when it’s unchecked, that specific value should be removed. The confusing part wasn’t events or DOM selection — it was array mutation. JavaScript arrays don’t remove items by value, only by index. The key learning was this pattern: track selected values in an array use indexOf(value) to find the position use splice(index, 1) to remove exactly that item Once I understood that splice(startIndex, deleteCount) works purely on indices, the logic became clear. Small concept, but an important mental model for frontend state handling. #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #ProgrammingBasics #FullStackJourney

🧠 Understanding CSS vs JavaScript — The Difference That Matters This analogy made the roles crystal clear for me 👇 🎨 CSS → Look & Style Controls appearance, layout, spacing, and responsiveness. It decides how things look. 🤖 JavaScript → Logic & Actions Controls behavior, events, and decision-making. It decides how things work. 💡 Simple truth: CSS makes the UI beautiful. JavaScript makes it intelligent. Both are useless alone. Together, they create real user experiences. 📈 Strengthening fundamentals before jumping into frameworks. #WebDevelopment #CSS #JavaScript #FrontendDevelopment #LearningInPublic #ComputerScience #BuildInPublic 🚀

Developed a Multiple Theme Switcher using HTML, CSS, and JavaScript, where different UI themes are applied dynamically through DOM manipulation. Each button click updates the background color and text content without reloading the page. In this project, I practiced: Selecting HTML elements using DOM methods Handling user interactions with event listeners Dynamically updating styles using JavaScript Applying multiple themes through a single reusable function This project helped me clearly understand how JavaScript interacts with HTML elements using the DOM. #JavaScript #DOM #DOMManipulation #FrontendDevelopment #WebDevelopment #HTML #CSS #JavaScriptProjects #MiniProject #ThemeSwitcher #UIDevelopment #LearningByDoing #InternLife #RemoteIntern #CodingJourney

https://lnkd.in/gxmkgZMC 🚀 JavaScript Mini Project | Input Mirror 📌 Project Focus: 🔤 DOM Manipulation 🖱️ input Event in JavaScript 🔔 addEventListener() ⚡ Real-time UI updates 💡 What I Learned: JavaScript can respond instantly to user typing addEventListener() offers cleaner and more flexible event handling DOM elements can be updated dynamically without page reloads Event-driven logic is key to interactive web applications 🛠️ Implementation: Built an Input Mirror that reflects text in real time Used querySelector() for DOM selection Controlled one-way data flow by disabling output editing Small projects, strong fundamentals 🚀💻 #JavaScript #MiniProject #DOMManipulation #EventListener #FrontendDevelopment #LearningInPublic #TapAcademy Harshit T

🚀 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