📅 My 26th JavaScript Project — To-Do List App 🎯 Today I built a modern, responsive To-Do List Application — designed to combine productivity, clean aesthetics, and smooth user interaction. 💡 Goal: Create a task manager that feels intuitive and powerful — something that helps users organize their day effortlessly while enjoying a refined UI experience. ✨ Key Features: ✅ Add, edit, and delete tasks in real time ✅ Set priority levels — Low, Medium, or High 🔥 ✅ Add due dates to plan smarter 📅 ✅ Search, filter, and track tasks instantly ✅ “Clear Completed” option for a clutter-free view ✅ Fully responsive with modern design and animations ⚡ Best Moment: Watching the tasks update live as filters changed — it felt like building a real productivity tool from scratch! 🌱 Takeaway: Productivity tools aren’t just about lists — they’re about clarity, flow, and motivation. Building one taught me how design and logic work hand-in-hand to create a smoother user journey. #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #ProductivityApp #ToDoList

📅My 21st JavaScript Project — Premium QR Code Generator ✦ 💡 This time I built something everyone can actually use: a QR Code Generator with a clean, modern interface powered by HTML, CSS, and JavaScript. ✨ Key Highlights: ✅ Real-time QR generation from text or URLs ✅ Multiple size options (100–400px) ✅ One-click PNG download ✅ “Clear” button for quick reset ✅ Elegant, premium UI inspired by modern design systems 💫 Best moment: Watching my custom QR appear instantly as I typed — it felt like building a tiny professional web app. 🌱 Takeaway: Every small project teaches a big lesson — this one reminded me how design and logic combine to create seamless user experiences. #JavaScript #FrontendProjects #WebDevelopment #LearningByDoing #CreativeCoding #DynamicUI #CodingJourney #QRCode

🚀 New Project Launch: Quick Notes App 📝 I’ve just built a simple yet useful Quick Notes web app using HTML, CSS, and JavaScript! This project allows users to quickly write, save, and manage their notes — all within a clean and responsive interface. ✨ Features: ✅ Add and delete notes easily ✅ Data saved using local storage (no backend needed) ✅ Minimal and responsive UI ✅ Fast and lightweight — built purely with vanilla JS 💡This project helped me improve my JavaScript DOM manipulation, localStorage handling, and UI design skills. 🔗 Check it out on GitHub: https://lnkd.in/dGHcmVTN #WebDevelopment #JavaScript #HTML #CSS #Frontend #Project #Coding #Learning

🚀 New Mini Project Alert! I’ve just built a Words & Vowels Counter App using Tailwind CSS and JavaScript 🎯 This project helped me strengthen my understanding of string manipulation, DOM handling, and real-time updates in JavaScript — all while designing a clean, responsive UI with Tailwind CSS 💻 ✨ What this app does: ✅ Counts total words in real time ✅ Counts total vowels in your text ✅ Updates results instantly as you type 💡 What I learned: Handling user input dynamically with JS Using .split(), .filter(), and .includes() for text processing Structuring and styling efficiently with Tailwind utility classes Building small, functional projects like this keeps my learning exciting and consistent! 🚀 💬 Would love your feedback! What should I build next? #JavaScript #TailwindCSS #FrontendDevelopment #CodingJourney #WebDevelopment

🎨 Project 24 / 100 – 90s Style Paint App For my 24th JavaScript project, I recreated a mini MS Paint app using HTML, CSS, and JavaScript. It’s powered by this simple line: const ctx = canvas.getContext("2d"); That one command turns your browser into a paintbrush 🖌️ The app lets you: 🎨 Draw on a canvas 🧽 Erase or clear everything 🖱️ Change brush color and size Building it helped me understand the Canvas API, event listeners, and how creative pure JavaScript can be. #JavaScript #100DaysOfCode #WebDevelopment #Frontend #CodingJourney #HTML #CSS #WomenInTech #BuildInPublic #LearningByDoing

🚀 I’ve built a simple and responsive Calculator Web App using #HTML, #CSS, and #JavaScript. This project performs basic arithmetic operations like addition, subtraction, multiplication, and division — all through a clean and intuitive user interface. ✨ Features: Perform basic mathematical operations ( +, −, ×, ÷ ) Clear and reset buttons for easy use Attractive UI with responsive design for all devices Real-time display update using DOM manipulation Simple and beginner-friendly code structure 🧠 This project helped me strengthen my skills in: JavaScript logic building and event handling DOM manipulation and dynamic updates CSS layout and styling for responsive UIs Building interactive front-end applications This project was a great exercise to understand the fundamentals of JavaScript-based interactivity and improve my front-end development skills. 🔗 Check out the code on GitHub: 👉 https://lnkd.in/ggKayjx3 #HTML #CSS #JavaScript #WebDevelopment #Frontend #Coding #PortfolioProject #Learning

Simple TODO LIST Built My Own To-Do List App Using React, HTML, CSS, and JavaScript! ✅ I recently completed a small project — a To-Do List App — built from scratch using React, along with HTML, CSS, and JavaScript. Here’s what it can do: ✨ Add new tasks 🖊️ Edit tasks with a double-click ☑️ Mark tasks as completed ❌ Delete tasks 💾 Save todos in localStorage, so your data stays even after reloading the page This project helped me practice and understand: 🔹 React Components & State Management 🔹 DOM Manipulation and Event Handling 🔹 JSON & localStorage 🔹 Creating a clean and responsive UI with smooth animations It was a great way to strengthen my React fundamentals and apply what I’ve learned about building dynamic UIs. 🔗 Check out the code on GitHub : https://lnkd.in/ddethMtX

🎯 Project 61 completed of 100 Projects Challenge! 🔤 Word & Letter Counter using ReactJS & Tailwind CSS 🔍 What it does: A simple yet powerful text utility app that helps users analyze their writing in real-time: • Counts total words, letters, and characters • Updates results instantly as you type • Includes clear and copy text features • Fully responsive design for desktop and mobile users 🛠️ Technologies Used: • React.js: For handling state and live updates • Tailwind CSS: For a clean, modern, and responsive interface • useState Hook: To manage text input and counts dynamically ✨ Use Case: Perfect for writers, students, and editors who need a quick way to measure their text length and maintain content accuracy. 🔗 GitHub Profile: [github.com/amankureshi] 📌 Up Next: Building a Sentence Rephraser App — an intelligent tool that rewrites sentences in different tones using API integration. #Project61 #100Projects #100ProjectChallenge #WordCounter #LetterCounter #ReactJS #TailwindCSS #TextUtility #FrontendDevelopment #ReactProjects #WebDevelopment #UIUX #WritingTools #SentenceRephraserNext

I’m excited to share my latest project a fully functional Quiz App built using Tailwind CSS React.js Key Features: 1. User Authentication — Secure login/signup with personalized dashboards 2. Dynamic Quiz System — Choose your category, difficulty, and number of questions. Smart Timer — • Beginner: 5s • Intermediate: 10s • Advanced: 15s Auto-switches to the next question when time’s up! 3. Interactive Dashboard — • Track your score, streaks, and badges. • Visual analytics powered by Recharts. 4. Dark & Light Mode — Automatically adapts for readability and style. Built With: React.js | Context API | Tailwind CSS | Recharts This project helped me strengthen my concepts of React state management, props, and component architecture — turning theory into something truly interactive! Github Repo - https://lnkd.in/duu9MjM3 Live Preview - https://lnkd.in/dHgPda7Y I’d love your feedback and suggestions to make it even better — especially ideas for adding new features like authentication, difficulty levels, or analytics! #ReactJS #WebDevelopment #ProjectShowcase #LearningByBuilding #FrontendDevelopment #QuizApp #JavaScript

🚀 Day 30 — Understanding DOM Events in JavaScript Today, I explored one of the most interactive parts of JavaScript — DOM Events. They’re what make websites alive — from button clicks to key presses and scroll actions. 🧠 Key Concepts Covered: What are DOM Events? The “doorbell” analogy that connects users to code. addEventListener(): The modern, clean way to handle interactions. Event Bubbling & Capturing: Understanding how events travel through the DOM tree. stopPropagation(): Controlling the flow of events for precise behavior. Event Delegation: Handling multiple child elements efficiently with one listener. This lecture was all about mastering how JavaScript listens, reacts, and manages dynamic user actions — the foundation of every responsive web app. #WebDevelopment #JavaScript #Frontend #LearningJourney #Developers Rohit Negi