#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

guys check out NerdSpace its a cool app where u can share ur dev journey post projects and connect with other nerds ..

#Day 33 of #100DaysOfCode
Today we hit 100k!!! 🎉🎉 it is a pleasure to have you through the way guys
I felt today I have to bring you more value than am doing now, you know with great power comes great responsibility :)
so felt responsible to share you more what I know, solve mine and yours problems and grow together
as today mebrat hail tried to interrupt us we pushed through our project get most of shits done including the denoscriptions, and started crafting the home page it was a nice day though am excited to add more feautures to the project and go forward

AND WE ARE LIVEEEEE
https://www.exambuddy.app

Exam Buddy is now live for everyone to use. We're launching today with a BANG and offering 35% discount for all Ethiopians till the end of exit exam.

Miss it not❤️

#ExamBuddy

The Ui 👌👌👌

#Day 34 of #100DaysOfCode
— pushed forward with the pages
— spent most of the day debugging an error and still crying
— got a greeting from ELPA
— and keep debugging

Beka and kenfish are on 🔥

Presenting Better Auth Demo for 100+ ppl yesterday at YC office ;))

#Day 35 of #100DaysOfCode
— Today I fixed the bug I faced yeasterday
— shifted the whole project to fit you guys I started it out for my self only cause I faced it but thought you also face the same issue so am trying to make it nice
— messed up things in figma
— going back and forth with next js, struggled to understand some concepts despite moving forward and they have a nice documentation

It's been less than 48 hours since we launched and we already have 7,300+ visits, 1920 unique visitors around 500 registered users all around the world and many more counting🙌

It's time AI has its fair share with education and helping the youth learn better.

Checkout Exam Buddy today
https://exambuddy.app

Checkout our linkedin post as well
#Exambudy
#EdTech
#AI
#Matric
#ExitExam