Palindrome Checker Project in JavaScript

💻 Mini JavaScript Project – Dark Mode Toggle + Sticky Notes Today I built two small but useful JavaScript mini apps to strengthen my frontend development skills. 🔹 Dark Mode Toggle A simple UI feature that allows users to switch between light and dark themes. The selected theme is saved using localStorage, so the preference remains even after refreshing the page. 🔹 Sticky Notes App A lightweight notes system where users can: Create notes Edit notes Delete notes Store notes in localStorage so they persist after reload 📌 Technologies Used: HTML | CSS | JavaScript | LocalStorage This project helped me practice DOM manipulation, event handling, and browser storage. Always excited to keep building and learning! 🚀 #WebDevelopment #JavaScript #FrontendDevelopment #Coding #LearningByBuilding

Today's JavaScript Practice Tasks As part of my Frontend Developer learning journey, I practiced the following JavaScript tasks today: 1. Created a Promise function getUserData() that resolves after 2 seconds and handles errors using catch(). 2. Wrote a function to divide two numbers and reject if the denominator is 0. 3. Implemented reverseWords(sentence) to reverse each word in a string using split(), map(), and join(). 4. Created removeDuplicates (arr) to return a new array without duplicate values using filter(). 5. Built sumEvenNumbers(arr) to filter even numbers and calculate their sum. Learning JavaScript step by step and improving my problem-solving skills every day. #JavaScript #Frontend Developer #WebDevelopment #Learning Journey #CodingPractice

🚀 Why map( ) is Preferred in JavaScript & React While working with arrays in JavaScript—especially in React—map( ) becomes a go-to choice 👇 ✅ Returns a new array (no mutation) ✅ Keeps code clean & readable ✅ Perfect for JSX rendering ✅ Fits well with functional programming ✅ Helps avoid unexpected bugs In React, writing predictable and declarative code is everything—and map() supports that mindset perfectly. “Write code that explains what you want, not how to do it.” 💡 Small choices like using map() can make a big difference in code quality. #JavaScript #ReactJS #WebDevelopment #Frontend #CleanCode #LearningJourney #100DaysOfCode

Arrow functions are one of the most widely used features in modern JavaScript — especially in React applications. But many developers don’t clearly understand why they are preferred over traditional functions. In this short video, I explain: • Difference between normal functions and arrow functions • How arrow functions simplify syntax • How to create functions without the function keyword • Assigning functions to variables • Writing cleaner and more maintainable code Arrow functions help you write code that is: • Shorter • Cleaner • Easier to manage This is a foundational concept for frontend developers working with React. 🎓 Learn JavaScript & React with real-world projects: 👉 https://lnkd.in/gpc2mqcf 💬 Comment LINK and I’ll share the complete JavaScript roadmap. #JavaScript #ReactJS #FrontendEngineering #WebDevelopment #SoftwareEngineering #Programming #DeveloperEducation

Object destructuring is one of the most commonly used features in modern JavaScript — especially in React applications. It allows you to extract values from objects into variables in a clean and readable way. In this short video, I explain: • How object destructuring works • How keys map to variables • Why unmatched keys return undefined • How this simplifies data handling • Real-world usage in React (props, API responses, forms) Understanding destructuring is essential for writing clean and maintainable frontend code. 🎓 Learn JavaScript & React with real-world projects: 👉 https://lnkd.in/gpc2mqcf 💬 Comment Object and I’ll share the complete Video Link #JavaScript #ReactJS #FrontendEngineering #WebDevelopment #SoftwareEngineering #Programming #DeveloperEducation

Built a simple To-Do List App using HTML and JavaScript. where users can add and delete tasks dynamically. While building this project, I practiced DOM manipulation, event handling, and dynamically creating elements in JavaScript. Small projects like this help strengthen the basics. 🚀 #javascript #webdevelopment #frontend #coding #learningbydoing

11 JavaScript Projects for You! Wishing you a blessed and happy Ramadan. In the spirit of sharing and learning during this holy month, I am sharing 11 Mini JavaScript Projects with full code to help beginners grow their skills! These projects are perfect for building your logic and becoming a better Frontend Developer. Here are the 11 projects I have prepared for you: 1️⃣ Change BG Color: Learn to manipulate the body background. 2️⃣ Pass the Message: A simple way to handle user input. 3️⃣ JS Counter: Master the basics of numbers and events. 4️⃣ Cursor Effect: Create cool interactive movements. 5️⃣ Image Slider: Learn how to display images dynamically. 6️⃣ Filterable Gallery: Build a professional searching system. 7️⃣ Digital Clock: Work with time and intervals. 8️⃣ Joke Generator: Fetch fun data from an API. 9️⃣ Image Search App: Practice searching and displaying results. 🔟 Random Text Color: Make your UI more colorful and fun. 1️⃣1️⃣ Product search: Learn how to generate secure strings. I have uploaded the complete source code for every project on my GitHub. You can download it, study it, and Paractice! source code👉https://lnkd.in/dGiY6Z5u #RamadanMubarak #JavaScript #WebDevelopment #CodingForBeginners #Frontend #GitHub #LearningTogether #Programming

Day 28 of my Frontend Development Journey 🚀 Today I focused on learning Async and Await in JavaScript, which makes working with asynchronous code much easier and cleaner. What I learned today: • How async functions work in JavaScript • Using await to handle asynchronous operations • How async/await improves code readability compared to .then() chains • Handling errors using try...catch • Understanding how async/await works with API requests Practicing async/await helped me understand how modern applications handle data fetching and background operations more efficiently. Step by step, I’m getting more comfortable with writing cleaner and more readable JavaScript code. Continuing to learn and build every day! #Day28 #JavaScript #FrontendDevelopment #WebDevelopment #LearningInPublic #100DaysOfCode

Most beginners jump straight to frameworks like React. I chose to go back to basics with vanilla JavaScript instead. 🧠 I built a Stories app using HTML, CSS & JavaScript (ES5) — not for show, but to strengthen my core fundamentals. No libraries. No shortcuts. Just logic, structure and pure JavaScript. This project helped me sharpen: • DOM manipulation • Event handling • Managing UI state • Writing cleaner, structured ES5 code • Understanding user interactions Sometimes the fastest way forward is to go back to the roots. Master the fundamentals, and frameworks become easier. 👉 Curious to know: What core concept should every frontend developer master before moving to frameworks? 🔗 Live Demo: https://lnkd.in/gSmm2N_g 📂 GitHub: https://lnkd.in/gRVcS5vq #BuildInPublic #JavaScript #FrontendDeveloper #WebDevelopment #LearningJourney #100DaysOfCode #Coding

JavaScript Practice – Reverse a String Today I practiced a simple JavaScript program to reverse a string. Question: Write a function to reverse a string. Code: function reverseString(str){ return str.split("").reverse().join(""); } console.log(reverseString("mary")); Output: yram Explanation: • split("") – Converts the string into an array • reverse() – Reverses the array elements • join("") – Converts the array back into a string I am currently learning Frontend Development and practicing JavaScript programs daily. #javascript #frontenddeveloper #codingpractice #webdevelopment #learning