JavaScript Todo App with API Handling and CSS Practice

Day 25 of my JavaScript journey 🚀 Built a Recipe Finder App using HTML, CSS, and JavaScript, powered by an external API. Features: 🍽️ Search recipes dynamically 🌐 Fetch data from TheMealDB API 📄 Display recipe details in real-time ✨ Interactive and user-friendly UI This project helped me understand how to work with APIs, handle asynchronous JavaScript, and build real-world applications. 🔗 Live Demo: https://lnkd.in/gSAAATzM 💻 GitHub Repo: https://lnkd.in/gBQmmBYJ Moving beyond basic projects and building applications that interact with real data. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney #API

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

💬 I Built a Chat App using JavaScript! No frameworks. No libraries. Just pure JavaScript 👨💻 As part of my learning journey, I created a simple chat application where users can send messages and see them instantly on the screen. ✨ What it does: Takes user input Displays messages dynamically Updates UI in real-time 🛠️ Tech Used: HTML | JavaScript 💡 What I learned: DOM Manipulation Event Handling How real-time updates work Small steps, but big learning 🚀 🔗 GitHub: https://lnkd.in/da-AcBPW #JavaScript #WebDevelopment #Frontend #BuildInPublic #LearningJourney

🧠 Just built a Trivia Question Fetcher App using HTML, CSS & JavaScript! A fun little project that fetches a brand new trivia question from an API every 5 seconds — automatically! 🎯 Here's what the app does: ✅ Fetches random trivia questions from a live API ✅ Auto-refreshes every 5 seconds with a new question ✅ Stop button to halt the question rotation ✅ Button changes color when stopped — visual feedback matters! ✅ Prevents any further API calls once stopped The biggest learning from this project? 👉 How setInterval() and clearInterval() work in JavaScript 👉 Why a simple isStopped flag can save you from unwanted API calls 👉 How to handle async fetch() responses even after a stop event #JavaScript #WebDevelopment #HTML #CSS #VanillaJS #API #100DaysOfCode #Frontend #BuildInPublic

Day 1 of #100DaysOfJavaScript 🚀 Today I built a simple Counter App using JavaScript. 🔧 Features: • Increment the number • Decrement the number • Reset back to zero 📚 What I learned: • DOM manipulation • Handling button click events • Updating UI dynamically with JavaScript ⚡ Challenges: Understanding how to properly update values in the DOM without refreshing the page. 🎯 Goal for tomorrow: Build another small interactive project and improve logic building. Starting small, but staying consistent 💪 #JavaScript #100DaysOfCode #WebDevelopment #CodingJourney #LearnInPublic

#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

This is my Simple GitHub Issue Tracker Project! Key Features: • Login Functionality using Only JS. • Seamless switching between All, Open and Closed. • Show Issue Modal when Clicked Each Issue. • Added Search Functionaliy. • Clean, responsive, and user-friendly interface. This project helped me strengthen my JavaScript logic and UI handling skills. More improvements coming soon! Project Live Link: https://lnkd.in/g5vXKzma #WebDevelopment #JavaScript #Frontend #LearningJourney

If you're learning JavaScript, the event loop probably felt like magic (or a nightmare) the first time you heard about it. You read the docs. You watched the videos. But something still didn't click. That's exactly why I built JSLens 🔍 JSLens is a free web app that visually breaks down how JavaScript actually works under the hood: → The Event Loop → Call Stack → Web APIs → Callback Queue → Microtasks & Macrotasks Instead of imagining the flow in your head, you can see it - step by step, in real time. No setup. No installations. Just open it and start learning. If you're a JS beginner (or someone who just wants a refresher), this one's for you. 🔗 Try JSLens here: https://jslens.web.app Would love to hear what you think - drop a comment or DM me! 🙌 #JavaScript #WebDevelopment #JSLens #LearnToCode #EventLoop #Frontend #OpenSource #BuildInPublic

If I had to learn React from scratch in 2026, here's exactly what I'd do. Week 1-2: JavaScript FIRST Don't touch React yet. Master: Array methods, destructuring, spread operator, arrow functions, async/await Why: 80% of React confusion = JavaScript confusion Week 3-4: React basics only Build 3 simple projects: - Counter app - Form with validation   - Fetch API data Learn: Components, Props, useState, useEffect Stop here. Master these first. Week 5-6: One real project Build a dashboard with real API integration, loading states, and routing. This becomes your portfolio anchor. Week 7-8: Level up Add one at a time: - React Router - Custom hooks - Context API Month 3+: Build, build, build Stop tutorials. Clone real apps. Share your progress. **What to skip initially:** ❌ TypeScript ❌ Next.js ❌ Redux ❌ Testing Learn React first. Add these when you understand WHY you need them. The biggest mistake: Trying to learn React, TypeScript, Next.js, and Redux all at once. You end up overwhelmed. The solution: Master React. Then add layers. One thing at a time = faster progress. If you're learning React, what's your biggest struggle? 👇 #React #WebDevelopment #JavaScript #Frontend #LearningToCode

🚀 Built a Simple React Form with Controlled Components Today I practiced building a simple form in React using useState and a single handleChange function. 🔹 Managed multiple inputs (text + checkbox) using one state object 🔹 Used dynamic updates with name attribute 🔹 Handled checkbox with checked and other inputs with value 🔹 Implemented form submission using preventDefault() 🔹 Reset form fields after submission 💡 Key takeaway: “Use one state and one function to manage the entire form efficiently.” This helped me better understand how React handles form data and state updates in a clean and scalable way. #ReactJS #WebDevelopment #Frontend #JavaScript #Learning #CodingJourney