Refactored AttendTrack PWA with Offline Functionality

Hello everyone back with a new post. This post is in continuation with the previous post where online and offline features were addressed. Now in this post, I have created a toggle switch to jump between dark and light themes. This was achieved in react with the help of useContext hook. #webdeveloper #reactdeveloper #usecontexthook #javascript #todos

From basic tags to advanced frameworks, here is the breakdown: ✅ Days 1-20: The Foundations (HTML/CSS) ✅ Days 20-40: The Engine (JavaScript/React) ✅ Days 40-70: Real-world Application & Design ✅ Days 80-100: Optimization & Polish Which stage do you find the most challenging? For me, it was definitely mastering Advanced JS! #TechCommunity #CodeNewbie #FrontendDeveloper #Roadmap

Explored HTMLCollection vs NodeList today 👇 • HTMLCollection → Live & only elements• NodeList → Static & includes all nodes Blog link:-https://lnkd.in/giPxyQFb Understanding this helps avoid DOM bugs while coding. #JavaScript #WebDevelopment #Frontend #cohort26 #chaiaurcode

Today I practiced the difference between map(), filter(), and forEach() in JavaScript. map() creates a new array by transforming each element of the original array. filter() creates a new array with elements that satisfy a specific condition. forEach() simply runs a function for each element and does not return a new array. Understanding these methods makes working with arrays much easier and cleaner. #JavaScript #WebDevelopment #ArrayMethods #LearningJourney

I built a simple Light Control Bulb project using HTML, CSS, and JavaScript 💡 This project demonstrates how to manipulate the DOM and handle user interactions with event listeners. Clicking ON and OFF buttons dynamically changes the bulb state. Still learning and improving every day 🚀 #WebDevelopment #JavaScript #Frontend #LearningByDoing

I thought buttons were the easiest thing in frontend… until I actually tried to understand them 👀 Today I explored different types of buttons and their behavior in forms. And wow… it’s not just about clicking 😅 Things I didn’t know before: 👉 A button inside a form submits by default 👉 type="button" vs type="submit" actually changes everything 👉 One small mistake → page reloads → your logic gone The biggest realization: Sometimes bugs are not in your logic… they’re in the default behavior of HTML itself Now I feel way more confident handling forms and events 💪 Learning step by step 🚀 #frontend #javascript #webdevelopment #learninginpublic

📝 UseDefault Custom Hook React Custom Hooks allow developers to create logic with a specific purpose that can be reused within different components in their projects. This code section is an example of a custom Hook. In this example, a function named useDefault returns a default value when the state is either null or undefined. #React #SoftwareDevelopment #ReactHook #JavaScript

🚀 Day 8/21 – JavaScript DOM Project Built a Live Search Filter using JavaScript DOM manipulation. 🛠 Features implemented: ✅ Real-time search filtering ✅ Dynamic DOM updates on user input ✅ Case-insensitive search logic ✅ Improved user experience with instant results 💡 Key Learning: Using the input event and DOM manipulation makes it possible to build real-time interactive search features. #Day8 #JavaScript #DOM #FrontendDevelopment #LearnInPublic