🚀 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

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

🚀 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 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

Learn in Public – Day 26 🚀 Built a small Splice Playground today. The app lets users experiment with the JavaScript splice() method by entering a start index, delete count, and an item to add. After clicking Splice, the array updates instantly and displays the new result. While building this, I practiced: • Working with the splice() array method • Converting arrays using JSON.stringify() • Handling user inputs • Updating the DOM dynamically Small project, but it helped me better understand how array operations work in JavaScript. Live Project 👇 https://lnkd.in/dpYDJutV GitHub Repo 👇 https://lnkd.in/d885C8qb #LearnInPublic #JavaScript #WebDevelopment #Day26

Day 4 of My JavaScript Learning Journey Today I learned about one of the most important data structures in JavaScript — Arrays. An Array is used to store multiple values in a single variable, which makes managing lists of data much easier. 🔹 Key things I learned today: • What an array is and how it stores multiple values • How to access array elements using indexes • Important array properties like length • Useful array methods such as push(), pop(), shift(), unshift(), slice(), and splice() 💡 Example use cases of arrays: Storing a list of users Managing product lists in an e-commerce website Handling tasks in a to-do app #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearnInPublic #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

Learn in Public – Day 27 🚀 Built a small Find Index Playground today. The app allows users to enter a number and instantly find its index in an array using the JavaScript findIndex() method. While building this, I practiced: • Using the findIndex() array method • Handling user input from HTML fields • Converting input values to numbers • Dynamically updating the DOM to display results Small project, but it helped me understand how JavaScript searches elements inside arrays and returns their positions. Live Project 👇 https://lnkd.in/eb9cE85S GitHub Repo 👇 https://lnkd.in/eMUQtCyu #LearnInPublic #JavaScript #WebDevelopment #Day27

🚀 Day 36 - Random Joke Generator Today I built a fun and interactive Random Joke Generator using JavaScript and APIs.....! 😄 This project helped me understand how real-world apps fetch and display dynamic data. 🔍 What I explored today: • Making HTTP requests using fetch() • Handling API responses with .then() • Working with JSON data • DOM manipulation using getElementById() • Handling events with addEventListener() • Managing loading states using a Bootstrap spinner ⚡ App Features: ✅ Fetches a random joke from an API ✅ Displays joke dynamically on button click ✅ Shows loading spinner while fetching data ✅ Handles errors gracefully 💡 This was a great step towards understanding how frontend connects with APIs.....feels like building real apps now...! Project Links • GitHub Repo: https://lnkd.in/d7m94A7k • Live Demo: https://lnkd.in/ddBBnba2 Excited to keep improving and building more 🔥 #LearnInPublic #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #BuildInPublic

Today I learned about React Hooks, especially the useState hook and Batching. 🔹 Hooks allow functional components to use React features like state and lifecycle. 🔹 useState is used to store and update data inside a component. const [count, setCount] = useState(0) • count → current state • setCount → function to update state When the state changes, React re-renders the component and updates the UI. 🔹 Batching means React groups multiple state updates together and performs a single re-render, which improves performance. 💡 Key idea: Hooks make React code simpler, cleaner, and more powerful. Big thanks to Devendra Dhote and Sheryians Coding School for explaining these concepts clearly 🙌 📌 Day 12 of my 21 Days JavaScript / React Challenge #ReactJS #JavaScript #ReactHooks #LearningInPublic #WebDevelopment