Cinematic Noir Frontend Architecture · First-Principles Engineering · High-FPS Interactions
I am a Frontend Engineer & Creative Web Developer passionate about deconstructing complex digital architectures to first principles. I eliminate bloated boilerplate, optimize for microsecond performance, and craft bespoke, immersive interactive experiences with dark cinematic aesthetics.
- 🚀 Currently Running: The 30 Repos in 30 Days Challenge — building, testing, and shipping 30 production-ready open-source developer utilities and web apps in 30 consecutive days.
- 🎨 Creative Web Focus: High-frame-rate animations, custom physics engines, Web Audio API synthesis, and pixel-perfect design systems.
- 🛠️ Systems & CLI: Zero-dependency Node.js CLI tools, instant REST mock servers, real-time HTTP monitors, and AppSec guardians.
- 🌐 Bilingual Architecture: Deep native support for Right-to-Left (Persian) and Left-to-Right (English) typography and layout math.
Challenge Progress: 25 / 30 Repos Completed (83.3%)
█████████████████████████░░░░░
Every project is architected with Zero external bloat, native standard libraries, strict automated testing, isolated local ports (3000 + N), and clean developer ergonomics.
| Day | Project | Description | Local Port | Stack / Highlights |
|---|---|---|---|---|
| 25 | pwd-gen-pro | CSPRNG password & Diceware passphrase generator, Shannon entropy analyzer & Web Studio | 3025 |
Native Node.js, Web Crypto, Diceware, Web Studio |
| 24 | linkrot-scanner | Dead link scanner, HTML bookmark auditor, Markdown 404 detector & Web Studio | 3024 |
Native Node.js, Concurrent Worker Pool, Web Studio |
| 23 | subsync-kit | Subtitle time-shifter, millisecond audio resync & Windows-1256 to UTF-8 repair | 3023 |
Native Node.js, Encoding Repair, SRT Parser |
| 22 | jalali-kit | Zero-dependency Persian/Jalali date toolkit, terminal calendar & Web Studio | 3022 |
Native Node.js, Calendar Matrix, Converter |
| 21 | regex-pal-plain | Plain-English regex explainer, live visual match highlighting & multi-language codegen | 3021 |
Native Node.js, Regex Parser, Web Studio |
| 20 | json-morph | Deep JSON structural diff engine, automated TypeScript interface generator & Web Studio | 3020 |
Native Node.js, TS Generator, Diff Engine |
| 19 | speed-dns | High-speed multi-resolver DNS latency benchmark, DoH tester & interactive Web Studio | 3019 |
UDP Sockets, DoH Sockets, ASCII Charts |
| 18 | meta-craft | Pixel-perfect social preview simulator (X, Facebook, LinkedIn, Google SERP, Discord) & meta tag generator | 3018 |
Node.js, Web Studio, SEO Auditor |
| 17 | mock-api-studio | Zero-dependency instant REST API mock server with full CRUD, filtering, pagination & Web Studio | 3017 |
Native Node.js, RESTful CRUD |
| 16 | webhook-catcher | Local HTTP webhook inspection server, debugger & real-time Web Studio with SSE live stream | 3016 |
Server-Sent Events, Web Studio |
| 15 | status-pulse | Server uptime monitoring, TLS/SSL certificate expiration engine & Discord/Telegram alerts | 3015 |
TLS/SSL Sockets, Webhook Alerts |
| 14 | apibench-mini | HTTP/HTTPS latency benchmark tool, RPS throughput calculator & interactive Web Studio | 3014 |
Native Latency P50/P95, ASCII Charts |
| 13 | docker-clean-cli | Interactive Docker container, dangling image, volume & cache cleaner with disk reclamation | 3013 |
Docker Engine, Disk Reclamation |
| 12 | package-pulse | npm package health analyzer, license compliance scanner & visual web studio | 3012 |
npm Registry API, License Auditor |
| 11 | snippet-vault | CLI code snippet manager, cross-platform clipboard tool & visual web studio | 3011 |
CLI Tool, Local Storage Engine |
| 10 | env-shield | Environment variable validator, .env.example synchronizer & missing key detector |
3010 |
DevSecOps, Env Synchronizer |
| 9 | commit-craft | Interactive Conventional Commits generator with scope validation and Git integration | 3009 |
Conventional Commits, Git CLI |
| 8 | port-guard | Real-time port inspector and one-click process killer to eradicate EADDRINUSE errors |
3008 |
OS Process Management, Socket Check |
| 7 | dotfiles-sync-cli | Safe dotfile backup, secret guard, interactive diff viewer & cross-machine restore | 3007 |
Backup & Restore, Secret Masking |
| 6 | markflow-resume | Live dual-pane Markdown editor and vector-clean A4 PDF resume & technical doc generator | 3006 |
React, Tailwind, Print CSS, PDF |
| 5 | snap-compress | Batch image optimizer and WebP converter with zero visual quality loss | 3005 |
Sharp, Image Compression |
| 4 | secret-scrub | AppSec scanner with 18+ cloud provider signatures, Shannon entropy & Git pre-commit hook | 3004 |
AppSec, Shannon Entropy, Pre-commit |
| 3 | quickshare-qr | Instant local Wi-Fi file transfer over terminal QR code without cables or cloud upload | 3003 |
Local HTTP Server, Terminal QR |
| 2 | hashdup-cli | Deep filesystem duplicate file detector using streaming SHA-256 and zero-byte cleaner | 3002 |
SHA-256 Streams, Disk Optimizer |
| 1 | cleandrop | Automated desktop & downloads directory organizer with category-based routing | 3001 |
Filesystem Automation, CLI |
| Project | Description | Tech Stack |
|---|---|---|
| Rockstar Games Clone | High-fidelity recreation of the Rockstar Games portal featuring a custom Vice City Neon Dark Mode, physics-driven 0–100% before/after comparison slider, and responsive multi-device layouts. | React 19, Tailwind CSS, GSAP |
| Boom Gaming Store | Modern, ultra-fast Iranian E-Commerce SPA featuring component-based architecture, WebP asset optimization pipeline, responsive genre/platform filtering, and dark gaming aesthetic. | React 19, Tailwind v4, WebP, RTL |
| Niro Motor Clone | Interactive frontend engineering for Iran's premier motorcycle manufacturer with keyboard-driven quick search (Ctrl+K), technical comparison engine, and installment calculator. |
SCSS, ES6+ JS, Modular CSS |
| MarkFlow Resume | Live dual-pane Markdown editor and vector-clean A4 PDF resume and documentation generator with instant typography preview and zero print artifacts. | React, Tailwind, Print CSS, PDF |
| Cinematic Noir Portfolio | Personal engineering showcase featuring generative tube-amp Web Audio static synthesizers, true millisecond TTFB server latency auditors, and sub-pixel device simulators. | React 19, Vite 6, Tailwind v4, Web Audio API |
I am always interested in discussing complex frontend architectures, bespoke interactive experiences, high-performance developer tooling, and innovative open-source ideas.
"Simplicity is prerequisite for reliability."
— Edsger W. Dijkstra