Code With Mahdi

01/06/2026

Just uploaded a new coding short 🚀

Learn how SVG square progress bars work in React.

Topics covered:
✅ SVG basics
✅ Perimeter calculation
✅ strokeDasharray
✅ strokeDashoffset
✅ Dynamic score indicators

Perfect for dashboards, AI tools, analytics apps, and modern UI projects.

Follow Code With Mahdi for more web development content.

27/04/2026

🚨 New Video is LIVE!

I built an AI-powered Content Repurposer that turns one video into content for multiple platforms 🤯

⚡ Built with React JS + Gemini API
💼 Great for students & developers
🎯 Real-world project for your portfolio

Video: https://youtu.be/gO1e3cGAq0w

Watch now on my channel: Code With Mahdi 🚀

15/04/2026

Still struggling to center content in CSS? 🤯

Use this simple trick:

display: flex;
justify-content: center;
align-items: center;

Clean. Easy. Powerful.

Save this for later ⚡
Follow Code With Mahdi for more coding tips 🚀

14/04/2026

🚀 New Video Live Today at 4 PM!

I built a complete Twitter (X) Clone using Vibe Coding + MERN Stack.

This is a full stack project with real-world features:
• Tweet CRUD
• Image posts
• Likes, Comments, Retweets
• Follow / Unfollow system
• Profile (Bio, Links, DP, Banner)
• Login / Signup
• Search users & posts

Channel: https://www.youtube.com//

If you're a developer, student, or someone interested in AI coding and building apps faster — this video is for you.

Don’t miss it 👇

13/04/2026

STOP GUESSING. START WINNING. 🛑

In 2026, being an elite developer is about selecting the right tool for the job. If you’re using the same AI for coding, research, and documentation, you’re losing hours of productivity. 🛠️

Here is the definitive 2026 AI Tier List for developers and CS students:

⚡️ Claude 3.5: The absolute king for complex coding and logic.
⚛️ ChatGPT-4o: Your go-to for rapid brainstorming and research.
📂 Gemini Pro: Best for massive document summaries and video analysis.
🔎 Perplexity: The research beast for instant citations and facts.
🔥 Grok: Real-time data and viral trend analysis.

"Don’t just learn to code; learn to build systems that outlast the hype." ⚔️

Which AI are you using the most this semester? Drop your vote in the comments! 👇

10/04/2026

Hey Developers 👋, This is for you

Which of the following is best for coding?

- VS Code
- Cursor
- Antigravity
- Trae

Drop your favourite one 👇

09/04/2026

Stop building messy backends! 💻

As your Node.js projects grow, having everything in one file becomes a nightmare for debugging and testing. Today, I’m sharing a professional Express.js folder structure that I follow for industry-standard projects.

This modular approach makes it easier to:

Scale your application.

Collaborate with other developers.

Keep your business logic separate from your routes.

Save this infographic for your next project and share it with your fellow devs! 🚀

Keywords:
Backend Development, Express.js Tutorial, Node.js Architecture, Web Development Tips, JavaScript Programming.

13/01/2026

You can also follow on Instagram to see more.

07/08/2025

🔥 Build your chat app in minuets! without backend! | Using ZEGOCLOUD

· Get 10,000 free mins of ZEGOCLOUD: https://bit.ly/4lVje7B· How to Build a chat App: https://bit.ly/41h5rA2 ZEGOCLOUD chat SDK allows you to easily build y...

31/10/2024

🚀 Build & Deploy a Portfolio Website in Just 1 Minute with HTML, CSS, and JavaScript! 🌐💻

Want to showcase your skills online without spending a penny? This tutorial walks you through creating and deploying your own portfolio website—all in just one minute! Perfect for developers, students, and anyone ready to build their online presence. Watch the full tutorial on YouTube! 📺✨

Video Link:
https://www.youtube.com/watch?v=DgF1ufbrDgk

👀 Don’t miss out on the chance to go live with your portfolio today!