Building a Simple Counter App with JavaScript

#JourneyToTechJob – Day 13 🚀 #50DaysOfRevision Built a simple Counter App using JavaScript. Features: ✔️ Increment and decrement functionality ✔️ Reset option ✔️ Dynamic UI updates using DOM manipulation What I revised: → Event handling in JavaScript → DOM manipulation → Writing cleaner and reusable functions 🔗 Live Demo: https://lnkd.in/dtSMAAaS Here’s a quick demo 👇 #SoftwareDevelopment #JavaScript #FrontendDevelopment #WebDevelopment #Projects #BuildInPublic #Consistency #50DaysOfCodeChallenge

🚀 Just built a Number Guessing Game using JavaScript! This project helped me practice: ✅ DOM Manipulation ✅ Event Handling (click & Enter key) ✅ Conditional Logic ✅ Game State Management 🎮 Features: - Random number between 1–100 - Limited attempts - Feedback (Too High / Too Low) - Win counter & restart option I’m currently improving my JavaScript skills and building small projects daily to get better 🚀 Next step: Moving towards React and building more interactive apps! 💻 Feedback is welcome 🙌 #JavaScript #WebDevelopment #Frontend #CodingJourney #100DaysOfCode

Just built a Todo App using Vanilla JavaScript! Key Features: ->Add, edit and delete tasks dynamically ->Reorder tasks with up/down buttons ->Persistent storage using localStorage ->Auto-display of tasks with date & time ->Efficient event handling using event delegation This project helped me strengthen my DOM manipulation, JavaScript logic, and web storage skills. Todo Website: https://lnkd.in/e6y7QmAb Check it out on GitHub: https://lnkd.in/eQjqyHwh #JavaScript #WebDevelopment #Frontend #TodoApp #Coding

😃 Day 10 of my JavaScript Api Handling+ CSS Practice Today I built a Todo App using API ✅ 💡 What I implemented: Fetched todos from JSONPlaceholder API Displayed tasks dynamically Added checkbox to mark tasks as completed Updated task status using PUT request 🎯 Key Learnings: • Working with API (GET & PUT requests) • Handling user interactions with events • Updating UI dynamically • Managing state using JavaScript ✨ This project helped me understand how real applications manage tasks and user actions. 🔗 GitHub Repo: https://lnkd.in/g4Q-_Dev 🌐 Hosted Link: https://lnkd.in/gYYm6duS #Day10 #WebDevelopment #JavaScript #API #FrontendDevelopment #Learning #JS #CSS

useEffect — The Hook That Confused Me (Until I Got This) useEffect was confusing until I understood one thing: dependencies control everything. The Rule: javascript // Runs ONCE after mount useEffect(() => { fetchData(); }, []); // Runs when userId changes useEffect(() => { fetchUser(userId); }, [userId]); // Runs on EVERY render (avoid!) useEffect(() => { console.log('render'); }); What I Learned the Hard Way: Missing dependencies = stale data Adding everything = infinite loops Cleanup functions matter (especially for subscriptions) My Checklist: What should trigger this effect? Do I need to clean up? Can this cause unnecessary renders? What's your React Hook survival tip? #ReactJS #JavaScript #FrontendDeveloper #WebDev #CodingTi

Have you ever struggled with memory leaks in your JavaScript applications? I've seen it happen to the best of us - a team works on a project, and suddenly the app starts consuming more and more memory, causing it to slow down or even crash. This often happens when we use objects that reference each other, creating a cycle that the garbage collector can't break. A rule of thumb is to use WeakMap and WeakSet to avoid these cycles. However, juniors often overlook the fact that WeakMap keys must be objects, not primitive values. Don't let memory leaks hold you back - use WeakMap and WeakSet to keep your code clean and efficient. Stay ahead of the game and keep learning. #javascript #webdevelopment #weakmap

#JourneyToTechJob – Day 5 🚀 #50DaysOfRevision Built a simple Color Picker Web App using JavaScript. Features: ✔️ Change background color with button clicks ✔️ Display selected color code ✔️ Dynamic UI updates using DOM manipulation What I learned: → Handling events in JavaScript → Updating UI dynamically → Writing reusable functions 🔗 Live Demo: https://lnkd.in/grH-tWFG Here’s a quick demo of the project 👇 #SoftwareDevelopment #JavaScript #FrontendDevelopment #WebDevelopment #Projects #50DaysOfCodeChallenge

most React developers have too many useEffects. i did too. until i read this rule and couldn't unsee it: if you're using useEffect to sync state with another state you don't need useEffect. here's what i mean. (the pattern 1 .. i see everywhere) but pattern 2 give same result . no effect. no extra render cycle. useEffect is for syncing React with something outside React. - fetching data from an API - setting up a subscription - manually touching the DOM not for calculating values you could just... calculate. every unnecessary useEffect is a hidden render cycle your users pay for. before you write useEffect ask one question: am i syncing with something outside React, or am i just doing math? if it's math delete the effect. #reactjs #typescript #webdevelopment #buildinpublic #javascript

Built a simple Multiplication Table App using Javascript . It takes a number as input and displays the table of that number . Handled special cases like 0 and negative numbers as well. This helped me practice DOM Manipulation . GitHub : https://lnkd.in/gpwU9KUZ Live Demo : https://lnkd.in/g7sM_aK2 #Javascript #WebDevelopement #Learning

Ever wondered how things actually work behind the scenes in JavaScript? 🤔 This simple concept changed how I think about building apps 👇 👉 A listener is just code that waits… and runs only when something happens. No constant execution. No unnecessary work. Just event → action ⚡ This is not just basic JS — 👉 this is exactly how Chrome works internally 👉 how Browser extensions communicate 👉 how modern apps stay fast and responsive Once you understand listeners, you start thinking in event-driven systems, not just functions. And that’s where real engineering begins 🚀 #javascript #webdevelopment #frontend #softwareengineering #reactjs #chromeextension