#Day 16 of #100DaysOfCode✅
Today I Built a more advanced Todo List App with light/dark theme toggle, filter options (All, Active, Completed), and dynamic item counters.
🌓 Theme switching, task filtering, and transitions were super fun to implement! Every feature helps me understand JavaScript and the DOM even better.

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/To-do-list2

Here is a live link 🔗 : https://todo-list2-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

Hey everyone! 👋 I have an interesting question for you make your mind minding😁, There’s a fun discussion in programming circles about what a variable really is. Some folks think of it as a container that holds a value, while others see it as more of a pointer or reference to a value in memory.

#Day 17 of #100DaysOfCode
Today I Built a fully functional Contact Form with validation and feedback using JavaScript and SweetAlert2.
✔️ Handles required fields
✔️ Radio & checkbox validation
✔️ Interactive feedback with beautiful popups

I'm getting more comfortable with forms, validation, and event handling every day!

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/To-do-list2

Here is a live link 🔗 : https://todo-list2-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

future me vs me at the middle of the night

#Day 18 of #100DaysOfCode ✅
Todays project includes:
📌 Interactive Card Details Form
🔧 Built with: HTML | CSS | JavaScript
💡 Focus: Form validation + real-time UI updates
📈 Practiced handling inputs, updating the DOM, and showing a confirmation state.

Slowly leveling up one component at a time 💪
my goal ✅ is to master vanilla js in these 3 months

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/interactive-card

Here is a live link 🔗 : https://interactive-card-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

#Day 19 of #100DaysOfCode
Today I Built a responsive newsletter sign-up form with HTML, CSS, and JavaScript. It includes form validation, error handling, and a success message screen after a valid submission. Clean layout, responsive design, and smooth interaction.

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Newsletter-sign-up

Here is a live link 🔗 : https://newsletter-sign-up-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

#Day 20 of #100DaysOfCode
Today we completed 20% of our challange 🥳🥳🥳, and I think we are improving through time and will push through that to build "better" things 😉 and have fun so todays challange was an interactive pricing component using HTML, CSS, and JavaScript. It features a dynamic range slider that updates pricing and page views in real-time, a billing toggle switch for monthly/yearly options, and includes a discount display. also it have Clean UI with responsive layout

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Interactive-pricing-component

Here is a live link 🔗 : https://interactive-pricing-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

That was inspiring

#Day 21 of #100DaysOfCode
Today I Built a slick Social Media Dashboard with a Dark Mode toggle! This project displays number of follower counts and daily stats across Twitter, Instagram, YouTube, and LinkedIn. I implemented theme switching with a fun toggle switch, styled responsive cards, and added up/down trend indicators for extra flair.

It was a fun project to work on, looking forward to#Day22 Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://social-media-dashboard-hamud.netlify.app/

Here is a live link 🔗 : https://social-media-dashboard-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

#Day 22 of #100DaysOfCode
Todays project was a bit harder and challanging it is a Crowdfunding Product Page with interactive modals, pledge inputs, reward selections, stock updates, and animated confirmation states. I Focused on DOM manipulation, user interaction, and clean UI logic using JavaScript. Super fun and a bit hard project looking to projects like this looking forward to #Day23🚀
Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/crowfunding

Here is a live link 🔗 : https://crowdfunding-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

fact 🤌

#Day 23 of #100DaysOfCode –
Today I Built a Time Tracking Dashboard that fetches activity data from a JSON file and updates the UI based on selected timeframes (daily, weekly, monthly). Practiced dynamic DOM rendering, fetching data, responsive layout, and clean toggle logic. feels great to see everything update smoothly with just a click 😌 looking for #Day24

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Time-tracking-dashboard

Here is a live link 🔗 : https://time-tracking-dashboard00.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev

#Day 24 of #100DaysOfCode
Today I Built a dynamic Product List with Cart app! I fetched product data from a JSON file, generated all the dessert cards with JavaScript, and handled cart actions like adding, removing, and adjusting quantities. It was fun seeing the cart update in real-time I felt like was building an entier resturant app 😅 looking for #Day25 of #100DaysOfCode .

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/product-list

Here is a live link 🔗 : https://product-list-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic

#Day 25 of #100DaysOfCode
To day I Built an Interactive Comments Section! 🚀
Which Fetch comments from a JSON file and implemented full CRUD functionality (create, read, update, delete) dynamically with JavaScript.
Handled user actions like replying to comments, editing your own comments, and deleting with confirmation popups.
Also learned how to clone and dynamically update hidden HTML templates to render new comments and replies properly.
Feeling a lot more confident working with more advanced DOM concepts 🙂 looking to #Day26

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Interactive-comment-section

Here is a live link 🔗 : https://interactive-comment-section00.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic

#Day 26 of #100DaysOfCode
Today I Completed an E-Commerce Product Page 🧾🛍
Built a fully interactive product page using HTML, CSS, and JavaScript.
🔹 it includes a lightbox image slider with keyboard navigation and dot-based slide switching.
🔹 a thumbnail tab interface that switches main product images dynamically.
🔹 Integrated a full shopping cart system: quantity selector, price calculation, add/remove functionality, and live cart updates.
🔹 Added responsive navigation with mobile-friendly menu toggles and UI overlays.

This project took my dom manipulation and event handling skills to a higher level. I'm excited to #Day27💪

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/E-commerce-product-page

Here is a live link 🔗 : https://e-commerce-product-page00.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic

#Day 27 of #100DaysOfCode
Today I built a multi-step form using HTML, CSS, and JavaScript with step navigation, dynamic plan selection, toggleable monthly/yearly pricing, add-ons, and a live summary preview before confirmation. then with Final screen shows a thank you message. it was nice practice of DOM and event handling. looking for #Day28

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Multi-step-form

Here is a live link 🔗 : https://multi-step-form2-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic

#Day 28 of #100DaysOfCode
Today I built an Advice Generator App using HTML, CSS, and JavaScript. It fetches random advice from an API and displays it with an animated dice button and a smooth loading indicator. it was a good project to start playing with api in my projects it was a nice project to work on looking to #Day29

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Advice-generator

Here is a live link 🔗 : https://advice-generator-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic

#Day 29 of #100DaysOfCode
Today I built an IP Address Tracker using HTML, CSS, and JavaScript. It fetches IP and domain info (location, timezone, ISP) and shows it on a real-time interactive Leaflet map which is a js library. I added error handling with a modal and kept the UI clean with responsive layout and styled info cards. This was a solid practice of working with APIs and maps after yesterday's intro to Api it was good practice and looking for #Day 30 🥳

Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/ip-address-tracker

Here is a live link 🔗 : https://ip-address-tracker-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev #BuildInPublic