#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

#Day 30 of #100DaysOfCode
Today I built a REST Countries API web app using HTML, CSS, and JavaScript. It fetches and displays country data with search, region filtering, and detailed views including flags, population, currencies, and borders. I also implemented a dark/light mode toggle for a better UI experience and used dynamic rendering based on user input. It was a good project to complete the first month of our challlange 🥳 looking for #Day31

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

💻 Check it out on GitHub: https://github.com/monru00/countries-api

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

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

Today I decided to give it a full time, I just argued with my self lot of times that it will interrupt the challange's flow but the final goal of the challlange is to got shits done and raise the bar a little bit every 10 days and through the way we leveled up from landing pages to simple dom feautures to fetching data from json to integrating api and I got this lesson to do shits, fail fast, learn from that and grow up and we want to make it hard so desided to focus on it (my project ) cause I struggled a lot to write 1 line of code for the project cause of the challange but the end purpose of programming is solving problems which I noticed recently and needed a solution so let me share you a little about it:

I noticed some thing that I faced all the time and it bother me a lot so decided to solve it even I have a little knowladge of the tools I got in my pocket using them to solve a real life problem I faced seem good for me , so I thought it is worth trying so I started it, I will share you what it is after some progress even I don't have clear idea what it all about but I know that I already started writing the code so I will share you the progress every day also will shock you with some mern stack + next + tailwind skills Which I got in my tutorial hell phase and many many more so like Beka (@bekacru_c ) says we will figure things out on the way 😁 so let start #እናጨማልቀው challange beside our 100Days of code with out it we will not improve so let us እናጨማልቀው guys

#Day 31 of #100DaysOfCode
Revised some basic concepts about Next js and done the boring part of the project which was writing a tone of denoscriptions about the contents but it was better than felling like an imposter at least for one day 😢 but if I wrote this denoscriptions I think I can write the whole series of encyclopedia britannica 🧐 and discoverd that I need 32 Gb of ram to play with figma safely 😁 to realize am the worest designer the planet earth had and it was a good day even if mebrat hail tried to make it hell.

We're launching in 3 days.
Follow us on X, threads, tiktok, instagram

#ExamBuddy #PassYourNextExam

prove it

Better Auth — X25

#Day32 of #100DaysOfCode
Today I pushed forward with the denoscriptions for the components which took me most of the time,
I annalized my overall requirments and tools, also I removed and added some features which didn't gone like the plan but sometimes it is fine to go through the flow to get the best results
even most of the time was on writing and figure things out it is still a good productive day