Engineering Journal
Technical Insights & Updates.
Documenting the architecture, performance benchmarks, product launches, and founder journeys at Manfi.
Deploying a Quran App to Vercel: SEO, Open Graph, and the Full Launch Checklist
From local Next.js dev server to live Vercel deployment — the complete checklist: ISR cache strategy for 114 Surah pages, full SEO metadata per page, a dynamic sitemap for all Surahs, Open Graph images, robots.txt, and what I'd do differently on the next launch.
Read Article →Last Read, Jump to Ayah, and the UX of Continuous Reading
Reading the Quran is not a one-session experience. Users return daily, picking up from where they left off. Last-read bookmarking with localStorage, jump-to-ayah with scroll animation, and URL hash navigation for direct Ayah links — every small decision that makes continuous reading feel natural.
The Du'a & Remembrance Page: Building a Bilingual Islamic Reference Module
A Quran app is incomplete without dhikr. The Du'a & Remembrance page contains the 99 Names of Allah, the 5 Kalimas, Azan phrases, and 40+ Tasbih Azkar — all with Arabic, transliteration, English, and Bangla. Here is how I structured and built it.
Serving Arabic Script Right: Fonts, RTL, and the Al-Quran Cloud API
Most developers treat Arabic text as just another string. The Quran's Uthmani script has diacritical marks, special ligatures, and right-to-left layout rules that break naive implementations. Here is every decision I made about fonts, RTL, and API data.
Building the HTML5 Audio Engine for Ayah-by-Ayah Quran Recitation
Continuous Quran recitation requires more than a simple <audio> tag. Ayah-by-ayah autoplay, seek, loop, speed, volume, reciter switching mid-Surah — all coordinated through a single React context without audio gaps. Here is how the engine works.
Why I Built a Quran App Instead of Using an Existing One
There are hundreds of Quran apps. Why build another? Because none of the web-based ones I found felt right — too many ads, too slow, wrong font, missing my language. Here is the exact list of problems that turned into a project.
Publishing a VS Code Extension to the Marketplace: The Complete Walkthrough
From a working extension in your local VS Code to a published listing on the VS Code Marketplace — the complete process: setting up a publisher account, configuring package.json manifest fields, bundling with esbuild, running vsce package and vsce publish, and what to expect after going live.
Formatting Laravel Blade Templates: Handling Directive Pairs in a Line-by-Line Parser
Laravel Blade files mix HTML tags, PHP code, and Blade directives — all three need to interact correctly in a single indentation pass. Here's how I built the Blade directive engine: tracking 15+ directive pairs, handling mid-block @else / @elseif dedenting, and combining Blade indent changes with HTML tag-based indent changes on the same line.
Stateful Comment Tracking: The Trickiest Part of Writing a Code Formatter
A line-by-line formatter needs to know when it's inside a block comment — because comment lines should not be affected by the bracket-based indent logic. Building stateful comment tracking that correctly handles CSS /* */ blocks, HTML <!-- --> blocks, and JSDoc * continuation lines was the hardest engineering problem in this extension.
How VS Code's Formatting Provider API Works (And How to Register One)
VS Code exposes a registerDocumentFormattingEditProvider API that lets any extension respond to Format Document commands. Here's exactly how it works — from the vscode.languages registration to returning TextEdit[] objects that VS Code applies atomically to the document.
Why I Built a VS Code Formatter Instead of Using Prettier
Prettier is the industry default. ESLint handles lint. So why build a custom VS Code formatter extension? Because no single existing formatter handled HTML, Laravel Blade, PHP, and JSX uniformly — and the configuration overhead of stitching four tools together was more friction than writing one.
From Indicator Math to Trading Signal: The Full Architecture Explained
A complete technical walkthrough of the AI Smart Market Analyzer: data fetch → candle grouping → indicator calculation (RSI, ADX, MACD, ATR, Bollinger Bands, EMA) → pattern recognition → score aggregation → MTF confluence override → confidence clamping → dynamic reasoning generation → AI overlay. Every component, every decision.
How I Engineered the Confidence Score (55–98% Signal Strength)
A trading signal without a strength metric is half the picture. The confidence score (55–98%) is a weighted confluence count across 8 signal dimensions: EMA cross, long-term EMA, RSI, MACD level and histogram, Bollinger Band position, Stochastic RSI, candlestick pattern, and price zone. Here's the exact scoring formula and how MTF confluence boosts or overrides it.
Building the AI Consensus Overlay with Gemini and Claude
The AI consensus overlay simulates parallel model analysis steps — Gemini Flash and Claude Sonnet — running against the current indicator state. Here's how I built the animated processing UI, how users bring their own API keys (stored in Firebase Firestore, never on my server), and what it looks like when live AI commentary is enabled.
Connecting Binance, Polygon.io, and Twelve Data in One Unified Feed
Three different data sources, three different response formats, three different rate limit structures — all needing to feed the same indicator engine. Here's the data layer architecture: how Binance handles crypto for free, how Polygon.io serves institutional Forex, and how the candle grouping engine converts 1m and 5m raw feeds into 2m and 10m candles.
Multi-Timeframe Confluence: How 4H Trend Filters Kill False Signals
The single biggest improvement to any short-timeframe trading system is a macro trend filter. When the 4H chart is in a downtrend and your 5-minute indicator gives a BUY signal, you're fighting the dominant flow. Here's how I built the MTF confluence engine that suppresses counter-trend entries and boosts confidence on aligned ones.
Implementing Wilder's RSI and ADX From Scratch in JavaScript
Most JavaScript RSI implementations are wrong. They use a simple moving average for the initial smoothing instead of Wilder's exponential smoothing — producing different values from TradingView and professional platforms. Here's the correct implementation, and how ADX (the hardest indicator to get right) actually works mathematically.
Why Trading Indicators Fail in Isolation (And How to Fix Them)
RSI crosses 70. You sell. The market shoots up another 5%. Why? Because single indicators tell you what happened, not why it happened or what the higher-timeframe trend is doing. Here's why I stopped using standalone indicators and built a multi-dimensional confluence engine.
The Complete Architecture: RADIUS, MikroTik API, bKash Webhooks, and BTRC Log Compliance
A comprehensive look at how all subsystems connect: Next.js frontend, Laravel API backend, PostgreSQL ledger, FreeRADIUS server, MikroTik RouterOS API, and automated NAT IP-log retention for regulatory compliance.
FTTH Optical Power Monitoring: Detecting Fiber Cuts Before Customers Start Calling
Construction trucks, storms, and rat chews snap overhead fiber cables every week. By pulling live optical power (dBm) metrics from OLTs via SNMP, we detect signal degradation before customer complaints flood the desk.
Bengali-First Customer Portal with bKash & Nagad Auto-Reconnection
When home internet drops at 11 PM on the 1st of the month, the customer wants to pay on bKash and have their line restore in under 15 seconds without calling support. Here is how our webhook pipeline talks to FreeRADIUS to clear payment and unblock PPPoE immediately.
Automating Reseller & Sub-Zone Accounting: The Revenue-Split Model That ISPs Actually Use
Local ISPs survive through sub-operators and zone resellers who buy wholesale bandwidth and resell to homes. We designed a dual-ledger billing architecture with prepaid reseller wallets, commission tiers, and sub-admin permissions.
RADIUS Accounting at Scale: Handling 10,000+ Concurrent PPPoE Sessions Without Bottlenecks
Scaling past 2,000 subscribers requires FreeRADIUS to handle authentication, session keepalives, and byte accounting packets every 5 minutes. Here is our database schema tuning, query caching strategy, and packet-loss mitigation architecture.
Talking to MikroTik RouterOS API in Real-Time: Dynamic Queue & Firewall Automation
When a subscriber pays or expires, the core router must reflect it instantly without manual Winbox intervention. Here is how we integrated the RouterOS API to automate queue limits, address-list isolation, and automated disconnects reliably across flaky network links.
The Chaos of Local ISP Billing in Bangladesh (And Why Excel Fails at 500 Clients)
Most neighborhood ISPs in Bangladesh start on spiral notebooks and move to a shared Excel sheet. By 500 PPPoE subscribers, unpaid balances pile up, expired accounts stay active, and line men pocket cash collections. Here is why we built Manfi NetOps from direct field experience.
AI-Powered Hifz Error Analysis with Google Gemini
After a student logs months of Hifz errors — tajweed, makharij, repetition — a pattern emerges. We connected Google Gemini to analyse this history and generate targeted Arabic revision suggestions for the teacher. Here's how we built it.
Multi-Tenant SaaS Architecture for Madrasa Networks
One platform, many madrasas — each completely isolated. Using Spatie Laravel Multitenancy with per-tenant feature flags, we built a system that can serve a single village madrasa or a nationwide network from one codebase.
Integrating bKash & Nagad for Madrasa Fee Collection
Madrasa parents don't carry cards. They use bKash and Nagad. Getting these payment gateways production-ready — with PDF receipts, SMS confirmations, double-entry ledger entries, and sandbox testing — took far more than expected.
Bengali-First UX — Designing for Real Madrasa Parents
The guardian portal needed to work for a mother in rural Sylhet with a basic Android phone and no email address. Bengali numerals, SMS OTP login, bKash payment in one tap — here's every UX decision behind the parent experience.
Hifz Tracking — The Hardest Module to Get Right
Tracking a student's Quran memorisation is far more nuanced than attendance or exam grades. Sabak, Sabki, Manzil, 6 error types, ayah-level precision — here's how we modelled it and why most approaches get it wrong.
Designing for Ustads Who Don't Use Smartphones
The Hifz teacher using Al-Maktab may be 60 years old with an Ijazah in Quran, but has never used an app. Here's how we designed the quick-entry tablet UI so he can log 18 students in 45 minutes — without any training.
The Real Problem with Madrasa Management in Bangladesh
Most Bangladeshi madrasas still run on paper registers, verbal communication, and manual fee collection. I built Al-Maktab after seeing exactly how much this costs them — in time, money, and parent trust.
Where Every Taka Goes: Live Meta, Google & TikTok Ad Attribution Engine
Traditional marketing reports are either delayed or disconnected from actual revenue. We built live API synchronization with Meta, Google, and TikTok ads, computing real ROAS against verified sales and celebrating our milestone of 64 modular subsystems.
Expanding the Network: Multi-Vendor DropShipping & Workshop Warranty Job Cards
Scaling without holding all the inventory: how our checkout automatically splits multi-vendor baskets into isolated drop-ship orders, paired with a complete warranty claims and workshop service Kanban engine for electronic repairs.
The Operating System of the Business: Integrated HRM, Attendance & One-Click Payroll
Why should an e-commerce company pay for a separate HR tool? We built a full HRM suite into Manmerce—daily attendance matrices, leave approval workflows, employee loan EMI deductions, and 1-click batch payroll with PDF payslips.
Feet on the Street: Field Sales Reps, Territory Tracking & Sales Quotas
Physical distribution across retail shops requires on-ground sales representatives. Here is how we automated field visits with GPS check-ins, territory assignment, quota tracking, and a live performance leaderboard.
Closing Deals Before the Cart: B2B Quotations & The CRM Lead Pipeline
Not every sale starts with 'Add to Cart'. High-ticket buyers and wholesale partners need formal quotations and follow-up tracking. We engineered an interactive CRM Kanban board and 1-click quote-to-order conversion directly into the core.
Announcing Dynamic Tags for Elementor v1.4.1: High-Performance Tag Loader & 202+ Pro Dynamic Tags Suite.
A major update for Elementor Free creators. Discover how Dynamic Tags for Elementor v1.4.1 delivers single-pass loader performance, EventPrime Pro event calendar integration (15 new tags), EasyCommerce Pro, and 202+ premium tags.
Announcing Magic Copy for Elementor Pro v1.1.5: WooCommerce Builder Mapping & Unlimited Copy History.
A major update for Elementor & WooCommerce designers. Discover how Magic Copy Pro v1.1.5 brings intelligent WooCommerce reference mapping, custom database-backed unlimited copy history, and seamless cross-domain workflows.
Beyond the Storefront: Ticketing Helpdesks, Staff Commissions & Conditional Payment Rules
When orders multiply, customer support and staff attribution break first. Here's how we built an order-linked support helpdesk with internal private notes, automated staff commissions with payout vouchers, and fraud-gated payment rules.
Manmerce Is Ready — Here's Where We Go From Here
After 35 weeks of core architecture, Manmerce launched to its first production merchants. But enterprise growth demanded more: follow the continued journey into Episodes 36–41 covering helpdesks, CRM, field reps, HRM payroll, dropshipping, and marketing telemetry.
What I Wish I Knew Before Starting Manmerce
After 8 months of building, I have a list of things I'd do differently. Not regrets — lessons. Every one of them will save you time if you're building something similar.
Moving an Existing Store to Manmerce Without Losing Your Mind (or Your Data)
The scariest part of switching platforms is moving your existing data. We built a zero-SSH Migration Runner that does it without any technical help from your side.
Building Advanced Multi-Step Forms & Signature Wizards in WordPress: A Deep Dive into Manfi FormFlow Engine.
How Manfi FormFlow Engine simplifies multi-step surveys, customer registration wizards, HTML5 signature canvas captures, and custom SMTP email routing in WordPress without expensive paywalls.
Why We Built Manmerce: Rethinking E-Commerce for High-Volume Brands.
How Manmerce solves the hidden friction of traditional e-commerce—from slow checkout speeds and COD fraud to visual landing page building and broken analytics tracking.
Unlocking Elementor Dynamic Content: Free vs Pro Complete Guide.
How to bring 303+ advanced dynamic tags to Elementor without expensive subscriptions—covering WooCommerce, EventPrime, EasyCommerce, ACF repeaters, author profiles, and server metrics.
How to Copy & Paste Elementor Layouts Across Different Domains Instantaneously.
Stop exporting JSON templates. Learn how to copy any Elementor section, container, or widget directly from a live website and paste it into another domain using Cmd+V.
Selling Software or Digital Products? We Handle That Too.
Not every product ships in a box. Software licenses, digital downloads, and access keys need a completely different delivery mechanism — and Manmerce handles it natively.
When Your Business Grows, You Need Different People to See Different Things
A cashier doesn't need to see your revenue. Your warehouse manager doesn't need access to customer data. Role-Based Access Control lets you give each team member exactly what they need.
Your E-Commerce Store Is Also a Business — It Needs Proper Accounts
Most store owners manage finances in Excel. We built GAAP-compliant bookkeeping directly into Manmerce — so your revenue, expenses, and profit are always one click away.
Building a Store That Google Wants to Show to Customers
SEO is long-term free marketing. We baked it into every product page, category page, and blog post — and added an AI copywriter to help generate better content faster.
The Three Channels That Actually Reach People: WhatsApp, Email, and SMS
You can't run an e-commerce store without communication. We integrated all three channels natively, with pre-built templates for every scenario — so you never start from a blank page.
70% of People Leave Without Buying. We Built a System to Bring Them Back.
Abandoned cart recovery is the highest-ROI automation in e-commerce. A customer adds to cart and disappears — 30 minutes later, a WhatsApp message arrives with their cart. Sometimes that's all it takes.
Your Best Sales Team Is Your Existing Customers
Loyalty points and referral programs are the highest ROI marketing tools in e-commerce. We built both — and made them work together with tier-based rewards and viral referral links.
Discounts Done Wrong Destroy Your Margins — Here's How to Do Them Right
Coupons and BOGO are powerful sales tools — but most platforms implement them too simply. We built a rules-based discount engine that gives you precise control over who gets what discount and when.
Giving Customers a Place of Their Own: The Customer Hub
The customer dashboard is often an afterthought. We made it a full hub — with order history, real-time tracking, returns, addresses, loyalty points, and referrals — all in one place.
Selling Monthly? Selling Wholesale? Both Are Different Beasts — Here's How We Handled Them
Some products are best sold as a subscription. Others sell in bulk to retailers. Both need completely different checkout experiences — so we built both, properly.
The Courier Problem: How I Automated Delivery and Stopped Fraud at the Same Time
Connecting with Steadfast, Pathao, Redx, and other local courier APIs means orders flow from checkout to dispatch automatically — and it also meant detecting courier fraud automatically.
Why Your Online Store and Physical Shop Should Share the Same Brain
POS is the cashier system for physical stores. Most e-commerce platforms treat it as an afterthought. I built it as a first-class citizen from day one — here's why.
How I Integrated 8 Payment Gateways Without Losing My Mind
bKash, Nagad, Rocket, SSLCOMMERZ, Stripe, PayPal — each has its own API, quirks, and edge cases. Here's how I built a single payment system that handles all of them cleanly.
I Rebuilt Checkout 3 Times Before I Was Happy With It
Checkout is the most critical screen in e-commerce. I built it, tested it with real users, rebuilt it, tested again, and rebuilt it once more. Here's what I learned with each iteration.
Scaling SaaS Infrastructure: From MVP to 1M Users.
A deep dive into serverless architecture, database sharding, and edge computing strategies for growing tech companies.
Hardening WordPress: Beyond the Basics.
Essential security practices every enterprise WordPress site must follow to prevent modern vulnerabilities.
Never Sell Something You Don't Have: Building Real-Time Inventory
Overselling is one of the most damaging things that can happen to a store's reputation. Here's how we built the system that updates the moment a product sells — even across multiple warehouses.
Integrating AI in Business Workflows.
How we used OpenAI APIs to automate 60% of customer support tickets for a logistics partner.
Your Store Should Speak the Customer's Language — Automatically
When a customer from Sylhet visits your store, they should see it in Bangla. When an NRB from London visits, they should see it in English. Manmerce does this automatically.
Native vs Flutter: Making the Right Choice.
A technical comparison based on performance, development speed, and cost for startup founders.
30+ Themes and One Engine: How We Made Every Store Look Different
Every store deserves to look unique. But rebuilding everything 30 times is insane. Here's how the Manmerce theme engine works — and why you can switch themes in seconds.
Building a Healthy Code Review Culture.
How Manfi maintains high code standards without slowing down development cycles.
Building the Product Catalog: Why "Just Add a Product" Is Harder Than It Sounds
A T-shirt that comes in 3 colors × 4 sizes with different stock levels for each combination is anything but simple. Here's how we modeled it — and what we learned.
Day One of Building: Setting Up the Foundation So It Doesn't Collapse Later
Starting a big project is both exciting and terrifying. The decisions you make on day one echo through everything. Here's what I set up first and why.
The Admin Panel Nobody Would Want to Use (Until We Fixed It)
An admin panel is where you run your store every day. If it's confusing, you lose time and make mistakes. Here's how I designed it to feel like a control room, not a spreadsheet.
Checkout Is Where the Money Lives — So I Redesigned It From Scratch
Most people leave during checkout. I studied why and built the Manmerce checkout to eliminate every friction point — from phone OTP login to a free shipping bar that actually pushes orders higher.
Designing a Storefront That Doesn't Make Customers Run Away
The customer-facing storefront is the most important screen. Starting from a blank page, asking: what does a customer need the moment they land?
Before the First Screen: How I Think About What a Store Owner Actually Sees
I spent a week thinking only about the people who will use this — not the code behind it. Here's how I approached UX from the perspective of a first-time store owner.
Why I Built Manmerce as 42 Modules Instead of One Giant App
Instead of building one massive app that does everything, I broke Manmerce into 42 focused modules. Here's why — and why this matters to you as a store owner.
I Thought About Performance Before I Wrote a Single Function
A slow e-commerce store loses customers. A fast one earns trust. Before building, I thought hard about where the system will slow down — and what I'd do about it before it happens.
Should One Platform Run Multiple Stores? The Hardest Decision I Had to Make.
Early on I had to decide: one store per installation, or built to handle multiple stores from day one? That decision changes everything about how you build the whole system.
Why I Chose Laravel as the Foundation (and Why That's Not Obvious)
There are 20 frameworks I could have used. I chose Laravel. Here's the actual reasoning — not marketing, not hype, but real trade-offs explained in plain language.
How I Plan Before I Build (Without Wasting Months on Theory)
Most engineers either plan too little or too much. Here's my personal approach: identify the 5 most uncertain things in the project, make a decision on each, then start building.
What I Decided to Build — and More Importantly, What I Decided to Ignore
Every great product starts by saying no. Here's exactly what's in scope for Manmerce, what's intentionally out of scope, and why scoping is a superpower most founders don't use.
There's a Market Nobody Is Serving Right — and It's Bigger Than You Think
A look at the actual numbers — how many online stores exist, how much they lose in broken UX, and why the next big e-commerce platform in the region will come from inside it, not outside.
I Made a List of Every Problem I Could Find. It Was Longer Than I Expected.
Before writing a single line of code, I spent two weeks interviewing shop owners, reviewing competitor apps, and categorising problems by severity. Here's the raw list — and what it turned into.
The Real Problem with Bangladeshi E-Commerce
I had clients struggling with slow stores, broken checkouts, and platforms that cost a fortune but didn't fit their reality. One night I made a list of 20 things every Bangladeshi online store needs but no platform actually gets right. That list became Manmerce.