🚀 Built a Simple To-Do App Today! Today I worked on strengthening my JavaScript fundamentals by building a basic To-Do List application from scratch. Here’s what I implemented: ✅ Fetched data from a JSON source ✅ Added a checkbox feature to mark tasks as completed (with strike-through effect) ✅ Implemented a delete button to remove tasks dynamically ✅ Created an input field to add new tasks, which get pushed into the array and displayed instantly on the UI This project helped me understand DOM manipulation, event handling, and working with arrays in a much better way. Small steps, consistent progress 💪 Looking forward to building more real-world projects! #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #CodingJourney

I used to finish JavaScript tutorials feeling confident. Then open a  blank file and freeze. Sound familiar? So I tried something different. 2 hours. Zero tutorials. Just me and the DOM. I built a To-Do App from scratch and forced myself to actually use: → querySelector to grab elements → innerText to update content → addEventListener to respond to clicks → createElement + append to build on the fly → remove() to delete tasks → classList.toggle to manage UI states No Stack Overflow shortcuts. No copy-paste. And something finally clicked 💡 The DOM isn't a list of methods to memorize — it's a conversation  between your code and the browser. The app does exactly 3 things: ✔ Add tasks ✔ Mark as complete ✔ Delete tasks Simple. But I built every line myself. That's the difference. 🧠 Next: edit tasks + save data with localStorage. 🚀 Stop consuming. Start creating. That's where JavaScript actually makes sense. #JavaScript #WebDevelopment #LearningInPublic #FrontendDevelopment #DOM

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

🚀 Just Built a Todo App with Vanilla JavaScript! I’m excited to share a project I recently completed while improving my JavaScript and DOM manipulation skills. 🔗 Live Demo: https://lnkd.in/gBK7vy89 💻 GitHub Repository: https://lnkd.in/gu5yEdSe 💡 Project Overview This Todo App helps users manage tasks efficiently with features like adding, editing, deleting, filtering, and sorting tasks. ⚙️ Features ✅ Add, edit, and delete tasks ✅ Mark tasks as completed ✅ Filter tasks (All / Completed / Pending) ✅ Sort tasks (Ascending / Descending) ✅ Real-time task counters (Total / Completed / Pending) ✅ Data persistence using Local Storage Projects like this are great for mastering DOM manipulation, event handling, array methods, and state management in JavaScript. (The Road To Dev) 🛠️ Tech Stack • HTML • CSS • JavaScript (Vanilla JS) • LocalStorage API Building this project helped me understand how to structure code better and manage application state in a clean way. I’m continuously improving my JavaScript skills by building real projects. If you have any suggestions or feedback, I’d love to hear them! 🙌 #javascript #webdevelopment #frontend #100DaysOfCode #learninginpublic #coding

🗺️ The Ultimate JavaScript Roadmap (From Beginner to Advanced) 🚀 If you’re learning JavaScript, this roadmap will save you months 👇 🔰 Start with the basics 👉 Variables, Data Types, Arrays, Objects 👉 Conditions & Loops, Functions 🧠 Build strong core concepts 👉 Closures, Scope, this, Call/Apply/Bind, Prototypes ⚡ Master modern JavaScript (ES6+) 👉 Arrow Functions, Destructuring, Spread/Rest 🌐 Understand async JavaScript 👉 Promises, Async/Await, Event Loop 🧩 Learn DOM & browser concepts 👉 Event Handling, Creating / Removing Elements 🔧 Go deeper into advanced topics 👉 Debouncing, Currying, Memoization, Error Handling 🏗️ Work on real-world skills 👉 APIs, Local Storage 🚀 Finally, build projects 👉 Todo App, Weather App, Mini Projects 🔥 Stop watching tutorials. Start building. 💬 Where are you in this roadmap right now? #javascript #webdevelopment #frontend #coding #roadmap #100DaysOfCode

Day 20 of Learning JavaScript 🚀 Built my first mini project: Counter App Features: • Increase count • Decrease count Concepts used: • DOM • Events • Variables Simple project, but big confidence boost. #javascript #frontenddeveloper #projects

Building a Weather App using JavaScript 🌦️ As part of my learning journey, I built a Weather App using JavaScript, HTML, and CSS by integrating a real API. 🚀 Features: • Search weather by city name • Real-time data using API • Displays temperature, humidity, wind, pressure, visibility, and more • Dynamic UI updates using DOM manipulation 🧠 What I Learned: • Working with APIs using fetch() • Handling async/await in JavaScript • Parsing and using JSON data • Updating UI dynamically with DOM • Basic error handling (invalid city cases) Learning with guidance from Hitesh Choudhary and Piyush Garg at Chai Aur Code #JavaScript #WebDevelopment #FrontendDevelopment #APIs #DOM #AsyncJavaScript #BuildInPublic #LearningInPublic#Projects #ChaiAurCode

Built a Smart Task Manager using Vanilla JavaScript I recently developed a Smart Task Manager Web App to strengthen my JavaScript fundamentals, especially DOM manipulation and real-time updates. This project focuses on solving a simple but real problem managing daily tasks efficiently with a clean and responsive interface. Key Features: • Add, edit and delete tasks • Mark tasks as completed • Real-time filtering (All / Completed / Pending) • Data persistence using Local Storage • Dynamic DOM updates without page reload What I learned: • Handling complex DOM interactions • Managing application state in JavaScript • Working with Local Storage for persistence • Writing cleaner and more structured logic **GitHub link in the first comment** 👇 What feature would you suggest adding next? #WebDevelopment

🚀 Day 39 - Know Fact About the Number 🔢 Today I built a Number Facts App using JavaScript by integrating a real-world API and handling user interactions efficiently! 🔍 What I learned: • Handling user input with keyboard events (Enter key) • Validating input before making API calls • Making HTTP requests using fetch() • Working with JSON response data • Dynamically updating UI based on API response • Showing loading state using Bootstrap spinner • Managing DOM elements with JavaScript 🛠 App Features: ✔ Enter a number and get an interesting fact instantly ✔ Displays loading spinner while fetching data ✔ Input validation with alert for empty values ✔ Clean and responsive UI Project Links • GitHub Repo: https://lnkd.in/dExxWiWS • Live Demo: https://lnkd.in/dneG2-F7 Consistency beats motivation. Showing up every day 🚀 #Day39 #LearnInPublic #JavaScript #WebDevelopment #FrontendDevelopment #100DaysOfCode

💰 Built an Expense Tracker using JavaScript As part of strengthening my JavaScript fundamentals through projects, I built an Expense Tracker that lets users add and delete transactions, track balance, and manage income and expenses dynamically. This project helped me practice core concepts like: • DOM Manipulation • Event Handling • Form Validation • Array Methods (map, filter, reduce) • Dynamic UI Rendering • localStorage • State Management in Vanilla JavaScript Features of the app: ✅ Add new transactions ✅ Delete transactions ✅ Automatically update balance, income, and expense ✅ Store data in localStorage so data remains after refresh ✅ Show an empty state when no transactions are available ✅ Clean and responsive UI Tech Stack: HTML • CSS • JavaScript • localStorage API What I liked about this project is that it was not just about building a UI — it also made me think about data flow, calculations, and keeping the interface in sync with application state. This is part of my journey of revisiting JavaScript fundamentals by building projects before moving deeper into TypeScript, React, and full-stack development. Live Link:https://lnkd.in/gEwcBaqn GitHub Repo:https://lnkd.in/g5Pvvdyg #javascript #webdevelopment #frontenddevelopment #learninginpublic #coding