loading...
blog
Post 01July 7, 2026 · 5 min read
Mashfiq Rayhan Ovi
What I Learned Building My Portfolio as a Real Product, Not a Landing Page
Inside the engineering of my Next.js 16 portfolio: a self-hosted analytics pipeline, a WebGL visitor globe, a Fibonacci-sphere project carousel, and a zero-dependency MDX blog.
Next.jsReact Three FiberServerlessAnalytics
Read article
Autoplay
Latest Posts
INDEX_01/028
All Posts
Post 015 min read
What I Learned Building My Portfolio as a Real Product, Not a Landing Page
Inside the engineering of my Next.js 16 portfolio: a self-hosted analytics pipeline, a WebGL visitor globe, a Fibonacci-sphere project carousel, and a zero-dependency MDX blog.
Next.jsReact Three FiberServerlessAnalytics
Read article
Post 025 min read
Building Flex Engineers: A Studio Site That Doubles as a Systems Demo
How I built Flex Engineers' marketing site as a mission-control HUD in Next.js 16 — self-hosted analytics, viewport-gated Three.js scenes, and an honest rule-based 'AI' demo.
Next.jsReact Three FiberAnalyticsFramer Motion
Read article
Post 036 min read
Building TradeX: A Real-Time Sentiment-Driven Trading Signal Engine
How TradeX scrapes 68 global newspapers, runs FinBERT sentiment at GPU speed, and streams buy/sell signals over WebSockets in near real time.
PythonFastAPINext.jsMachine Learning
Read article
Post 045 min read
TrackPulse: Trading a GPU Pipeline for One Multimodal API Call
How rebuilding an audio classification pipeline around Gemini 2.5 Flash replaced a GPU-bound ML stack with a single streaming API route.
Next.jsAIStreamingTypeScript
Read article
Post 054 min read
Building MediaKing: A Conversion-Focused Agency Site on Next.js 16
How I built MediaKing, a premium creative-agency template on Next.js 16 and React 19, engineered around lead generation rather than just looks.
Next.jsReactTailwind CSSFramer Motion
Read article
Post 065 min read
Turning Weeks of Qualitative Coding Into Minutes: Building InfoSysCS
How I built InfoSysCS, an AI-powered thematic analysis platform that turns interview transcripts into structured research reports in minutes.
Next.jsOpenAIReduxMaterial UI
Read article
Post 075 min read
Navigator: Building a Captive Portal Control Plane for MikroTik Hotspots
How Navigator provisions phone-authenticated Wi-Fi hotspot access on MikroTik routers via a Next.js captive portal and an Express control-plane API.
Next.jsExpressNetworkingPrisma
Read article
Post 084 min read
Building ApexDv: A Multi-Portfolio Agency Site Without a CMS
How I architected a Next.js agency site with a dozen bespoke case-study pages, a tabbed technology showcase, and a Tailwind design system — no CMS required.
Next.jsReactTailwind CSSComponent Architecture
Read article
Post 094 min read
Turning Job Board Browsing Into a Live Skill-Demand Dashboard
How I built a Chrome MV3 extension that passively extracts in-demand skills from job postings and visualizes them in a real-time dashboard.
Chrome ExtensionManifest V3Data VisualizationJavaScript
Read article
Post 104 min read
Building CinePlex.live: A Movie Streaming Catalog with a Homegrown Admin CMS
How I built CinePlex.live, a PHP/MySQL movie streaming platform with TMDB-powered content ops, infinite-scroll discovery, and a lightweight anti-scraping gate.
PHPCodeIgniterMySQLTMDB API
Read article
Post 115 min read
Quadro: A Booking & Scheduling Platform for Service Businesses
How I built Quadro, a Node.js/Prisma booking SaaS that unifies appointments, recurring classes, and order/payment lifecycles for service businesses.
TypeScriptPrismaExpressReact
Read article
Post 124 min read
HotPot: A Web Admin Panel for MikroTik Hotspot Management
How I built a Node.js and RxJS-backed admin dashboard that manages MikroTik hotspot users over the RouterOS binary API in real time.
Node.jsExpressRxJSNetworking
Read article
Post 134 min read
Memories: A Full-Stack MERN App with Dual Authentication and Tag-Based Search
How I built Memories, a MERN social app with JWT + Google OAuth auth, server-driven pagination, and tag-based search.
MERNReactMongoDBAuthentication
Read article
Post 144 min read
Dokan: Building a Multi-Vendor Marketplace with One Identity, Three Roles
How I built Dokan, a MERN-stack multi-vendor marketplace where a single account can be customer, seller, and delivery agent at once.
MongoDBExpressReactRedux
Read article
Post 154 min read
Forge Finance: Building a Multi-Chain NFT Marketplace with a TikTok-Style Reel
How I built Forge Finance, a full-stack NFT marketplace with a custom Solidity marketplace contract, IPFS storage, and a real-time video reel feature.
SolidityNext.jsWeb3PostgreSQL
Read article
Post 166 min read
Shopmate: A Backend Built to Fail Loudly, On Purpose
How I structured a TypeScript/Express/Prisma e-commerce API around RS256 auth, Prisma-aware error typing, and a response envelope that never lies to the client.
TypeScriptExpressPrismaPostgreSQL
Read article
Post 174 min read
Rebuilding My JavaScript Fundamentals, One Module at a Time
How I used a structured 30-module curriculum and daily git commits to close real gaps in my JavaScript knowledge — from prototypes to Proxy/Reflect to XSS mitigation.
JavaScriptWeb SecurityLearning
Read article
Post 184 min read
Rebuilding My TypeScript Foundations, One Numbered Folder at a Time
A structured, hands-on walkthrough of TypeScript's type system, tooling, and framework integration — from basic types to conditional and template-literal types.
TypeScriptType SystemsTooling
Read article
Post 195 min read
100 Days of Python: What a Structured Grind Actually Teaches You
Notes from working through a 100-day Python curriculum — where OOP, higher-order functions, and turtle graphics stopped being syntax and started being tools.
PythonOOPLearning
Read article
Post 204 min read
A Full-Stack Tour of Modern React: Twelve Sandboxes, One Learning Arc
A hands-on breakdown of a React skills repo spanning hooks, Redux Toolkit, React Router data APIs, JWT auth, code splitting, and TanStack Query.
ReactRedux ToolkitTanStack QueryReact Router
Read article
Post 214 min read
What I Actually Learned Building a Next.js App Router Reference Lab
A tour of a hands-on Next.js repo covering App Router, server actions, caching, and auth — with the gotchas that don't show up in the docs.
Next.jsApp RouterServer ActionsArchitecture
Read article
Post 225 min read
Building a React Native Skill Workspace: Nine Apps, One Architecture Discipline
How I structured a multi-app React Native + Expo workspace to deliberately cover navigation, state, HTTP, auth, and native device APIs with production-grade patterns.
React NativeExpoMobileArchitecture
Read article
Post 234 min read
29 Modules, One Backend: Building Node.js Fundamentals From the Ground Up
A hands-on tour through a 29-module Node.js curriculum — sessions, Sequelize/Mongoose, Stripe checkout, PDF invoices, JWT + Socket.io — built as one evolving codebase.
Node.jsExpressMongoDBREST APIs
Read article
Post 244 min read
Building My Own Git & GitHub Actions Reference, Instead of Trusting Search Results
Why I maintain a hand-curated, versioned Git and CI/CD command reference instead of relying on search engines and Stack Overflow snippets.
GitCI/CDGitHub ActionsDevOps
Read article
Post 254 min read
Building a Docker Curriculum From First Principles
A structured, hands-on Docker lab covering images, volumes, networking, Compose, and real multi-service stacks — from bare Dockerfiles to a production-grade Next.js build.
DockerDevOpsContainersNext.js
Read article
Post 264 min read
Why I Keep a Version-Controlled Interview Prep Repo
How I turned scattered interview notes into a structured, git-tracked knowledge base spanning JS, TS, React, Node, Docker, Git, and CLRS-level algorithms.
Data StructuresJavaScriptTypeScriptEngineering Practice
Read article
Post 274 min read
Schema Validation and Aggregation Patterns in MongoDB
Notes from hands-on MongoDB practice: enforcing document shape with $jsonSchema, building multi-stage aggregation pipelines, and stress-testing writes at scale.
MongoDBDatabase DesignAggregation
Read article
Post 283 min read
What a Deliberate Pass Through SQL Fundamentals Actually Looks Like
A structured, dual-dialect SQL workspace covering DDL, joins, transactions, and window functions — and why revisiting fundamentals still pays off in client work.
SQLPostgreSQLMySQLDatabase Design
Read article