Code With Mahdi

Code With Mahdi

Share

Create anything with code

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 πŸ‘‡

Photos from Code With Mahdi's post 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.

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!

Want your school to be the top-listed School/college in Bhopal?

Click here to claim your Sponsored Listing.

Location

Website

Address

Bhopal
462001