Frontend developer and AI automation builder operating under mahdi.dev.
I build fast, accessible interfaces in React and vanilla JS — and I ship
AI automation products using n8n, Groq (Llama 3), and
Cloudflare Pages.
From blank page to live deployment, with a sharp eye for design and a bias for shipping.
|
|
React · Redux Toolkit · React Router |
🧰 Tools & Platforms
🎨 Styling
🔌 Integrations
| Project | Type | Stack | Links |
|---|---|---|---|
| Jawad Rajper — 3D Artist Portfolio | 👔 Client | HTML · CSS · JS · GSAP · Canvas · Particles · 3D CSS | View → |
| Zakir Hussain — Video Editor Portfolio | 👔 Client | HTML · CSS · JS · GSAP · Lenis · Swiper · EmailJS | View → |
| MavioMahdi — Ecommerce Platform | Personal | React · Redux Toolkit · React Router | Live → |
| Mahdi Restaurant — Food App | Personal | React · React Router · CSS3 | Live → |
| Mahdi Travels — Agency Landing Page | Personal | HTML · CSS · JS · Booking Modal | Live → |
| Mahdi's Hotel | Personal | HTML · CSS · JS | Live → |
| Mahdi Inkwell — Editorial Blog | Personal | HTML · CSS · JS · AOS | Live → |
| Mahdi Cuts — Video Editor Portfolio | Personal | HTML · CSS · JS | Live → |
| SecureAuth Login System | Personal | HTML · CSS · JS | Live → |
| Mahdi Blog | Personal | HTML · CSS · JS | Live → |
🔗 See all projects + live demos on my portfolio
AI automation kits I've built and sell — ready-to-deploy, fully documented.
| Product | What it does | Stack | Get it |
|---|---|---|---|
| AI Client Intake Kit — Website Chat Page | Standalone chat page that qualifies leads, generates a PRD, and sends a Gmail notification. No widget — a full deployable page. | n8n · Groq · Llama 3 · Cloudflare Pages · Gmail | Lemon Squeezy → |
| AI Client Intake Kit — Telegram Bot | Same intelligent intake flow, delivered entirely through a Telegram bot. | n8n · Groq · Llama 3 · Telegram Bot API · Gmail | Coming Soon |
🏷️ Use code
MAHDI12at checkout for a discount.
Crafted with ⚡ by Mahdi · https://mahdi-porfolio.pages.dev/