The Hamud stack – Telegram
The Hamud stack
119 subscribers
62 photos
23 videos
1 file
47 links
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 5 of #100DaysOfCode 🎉

Day 5 of #100DaysOfCode — Today I built a landing page for Easybank, a fictional digital banking service. I used HTML5, CSS Grid, and Flexbox to create a clean layout that includes a hero section with a CTA, a features section, article previews, and a simple footer. Happy with the progress so far and looking forward to Day 6! 🚀

Github link 👉 : https://github.com/monru00/Easy-bank-landing-page

Let me know your thoughts! —onward to Day 6! 🚀
#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 6 of #100DaysOfCode🎉
Today I Built a landing page for Fylo, a fictional file storage and collaboration platform. The page includes a hero section with a clear message, feature highlights like real-time collaboration and strong security, plus a testimonial section and an early access call-to-action. I focused on clean structure using HTML and CSS, keeping the content readable and the layout balanced. It’s been fun working on different landing page layouts each day
on to Day 7! 🚀💻
Let me know what you think also you can support me on https://x.com/monru00 😊
💻 Check it out on GitHub: https://github.com/monru00/Fylo-landing-page

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 7 of #100DaysOfCode🎉
Today we completed a week of our challange 💪 Built a landing page for Huddle, a platform for building communities. The page includes a hero section, some cool stats, a few feature highlights, and a footer with contact info and a newsletter signup. Used HTML and CSS to structure everything. One week is completed seeking for more 👊—on to Day 8! 🚀

Let me know what you think also you can support me on https://x.com/monru00 😊
💻 Check it out on GitHub: https://github.com/monru00/huddle-landing-page

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 8 of #100DaysOfCode
Todays challange was a landing page for a simple Bookmark Manager app. The page includes sections like Features (simple bookmarking, speed searching, and easy sharing), download options for Chrome, Firefox, and Opera, plus an FAQ section and contact info. Used HTML and CSS for layout, with a focus on making the UI clear and intuitive. On to Day 9!

Let me know what you think also you can support me on https://x.com/monru00

Check it out on GitHub: https://github.com/monru00/bootmark-landing-page

Here is a live link : https://bootmark-landing-page.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥32
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 9 of #100DaysOfCode
Todays mission was Creating a landing page for a link shortener site called Shortly. The page includes a hero section, a link input field, feature highlights like brand recognition, analytics, and customizable links, plus a clean footer with company info. Used HTML and CSS to structure everything, keeping the layout simple and focused. we are on the way to Day 10 ! 🔗

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

💻 Check it out on GitHub: https://github.com/monru00/shortly-landing-page

Here is a live link 🔗 : https://shortify-landing-page.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥3👍1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 10 of #100DaysOfCode
Today as we reached 10 % of our challange I Built a simple To-Do App using HTML, CSS, and JavaScript. You can add tasks, mark them as complete, and delete them when you're done. It was a great way to practice DOM manipulation and basic functionality. Super satisfying to see it all work
And We will raise the bar through time as we progressing looking forward to day 11! 💻 lets gooooo 👊👊👊
Let me know what you think also we are on https://x.com/monru00 😊

💻 Check it out on GitHub: https://github.com/monru00/Todo-list1

Here is a live link 🔗 : https://todo-list1-100.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥91
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 11 of #100DaysOfCode
To day Built a Tip Calculator app with HTML, CSS, and JavaScript. It includes a form to input the bill amount, buttons to select a tip percentage, and a field to enter the number of people. It calculates and displays the tip per person and the total amount. It was a fun way to practice real-time form handling and basic math logic. looking to Day 12! 🧾

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

💻 Check it out on GitHub: https://github.com/monru00/Tip-calculator

Here is a live link 🔗 : https://tip-calculator-000.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥6👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 12 of #100DaysOfCode
Todays project was an Age Calculator App I built it using HTML, CSS, and JavaScript. Users can enter their birthdate, and the app calculates the exact age in years, months, and days. It was a good exercise in date manipulation and edge case handling with JavaScript. Feeling great with each project—on to Day 13! 🎂📆

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

💻 Check it out on GitHub: https://github.com/monru00/Age-calculator

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

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥7👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 13 of #100DaysOfCode
Today I Built a Dev Meetup Ticket Generator form for the next Dev meetup using HTML, CSS, and JavaScript. Users can upload a profile picture, fill in their name, email, and GitHub username to generate a personalized ticket for the 2026 developer meetup. Great practice working with forms, file uploads, and user interaction! 🎟👨‍💻 and planning to peach this to chapi 😁
looking forward to #Day14

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

💻 Check it out on GitHub: https://github.com/monru00/Dev-meetup

Here is a live link 🔗 : https://dev-meetup-v4.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥41
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 14 of #100DaysOfCode
we finished another week by building a Mortgage Repayment Calculator using HTML, CSS, and JavaScript. Users can input mortgage amount, term, interest rate, and choose between repayment or interest-only options. It was a great exercise in working with forms, user input, and dynamic validation.
excited to #Day15

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

💻 Check it out on GitHub: https://github.com/monru00/Mortgage-repayment-

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

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
#Day 15 of #100DaysOfCode
Today I Built a Launch Countdown Timer that shows days, hours, minutes, and seconds until launch. It was a fun project working with time calculations, DOM manipulation, and a cool flip-card style animation. Another step forward in sharpening my JavaScript and UI skills! 🚀

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

💻 Check it out on GitHub: https://github.com/monru00/launch-countdown-timer

Here is a live link 🔗 : https://launch-countdown-timer-hamud.netlify.app/

#100DaysOfCode #DevCommunity #projects@Hamudstack #WebDev
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
#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
👍21
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.
This media is not supported in your browser
VIEW IN TELEGRAM
#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
🔥51
future me vs me at the middle of the night
🤣3😁1
This media is not supported in your browser
VIEW IN TELEGRAM
#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
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#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
🔥42👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#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
🔥4👍3
That was inspiring