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.
Code With Mahdi
Create anything with code
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 π
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
π₯ 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!
Click here to claim your Sponsored Listing.
Location
Website
Address
462001