Home
DENSITYLG
Download Resume

Danial Abdoli

Senior Frontend & Full-Stack Engineer

Tehran, Iran·hello@danialabdoli.dev

danialabdoli.dev·GitHub (CatCodeDanix)·LinkedIn

Professional Summary

System-driven Senior Frontend & Full-Stack Engineer with 5+ years of experience anchoring complex web applications, gamification mechanics, real-time architectures, and custom developer tools. Merges technical execution with structural foresight, writing strict design specifications to build highly scalable, deterministic codebases. Operates with an advanced mental model of server/client boundaries, technical SEO engineering, performance optimization, and security protocols. Brings a unique analytical background from clinical healthcare, specializing in auditing complex logic gaps, managing intricate state dependencies, and translating highly regulated domain logic into resilient software architecture.

Core Technical Matrix

LanguagesJavaScript (ES6+), TypeScript, HTML5/CSS3, Python, SQLFrontend EcosystemReact, Next.js (App Router), Astro, Redux Toolkit, Zustand, React Query, ViteSEO ExpertiseTechnical SEO, On-Page SEO, Off-Page SEO, Semantic HTML, Web Accessibility (WCAG)UI & Data VisualizationTailwind CSS, Shadcn/ui, Framer Motion, Material UI (MUI), AG Grid & AG Charts, InkscapeGeospatial & WebGLMaplibre GL, Mapbox GL JS, Leaflet, Deck.gl (Clustering & Overlays)Backend & ToolingNode.js (Express), WebSockets, Supabase (Auth/Database), Cloudflare Workers & KV, Docker, Playwright, GitTesting & MethodologiesVitest, Test-Driven Development (TDD), Functional Programming, OOP

Professional Experience

Sharif Hamrah Pazhoohan · Senior Frontend Developer & Technical Instructor
2024 – 2026
  • Developed secure, internal productivity web applications and management tooling using React, TypeScript, and Vite, optimizing client-side performance and complex state management patterns.
  • Appointed as the internal technical instructor; designed and led specialized engineering workshops for development teams focusing on Web Performance, Web Accessibility (WCAG compliance), and Web Security.
  • Audited logic gaps, untangled performance regressions, and enforced clean architectural conventions across codebases to ensure highly predictable production builds.
Independent Software Ventures · Founder & Lead Full-Stack Engineer
2024 – 2026

Karanava (Immersive Karaoke & Streaming SaaS)

  • Authored detailed engineering specifications to architect a robust full-stack audio platform using Astro, React, and Supabase.
  • Engineered a client-side audio streaming layer utilizing Wavesurfer.js and the native Web Audio API supporting real-time audio filters and visual waveform rendering.
  • Implemented Astro edge middleware to intercept and proxy secure S3 media streams, ensuring tight verification over subscription-gated files.

MaskanScan (Aggregated Real-Estate Search SaaS)

  • Built a high-scale real-estate search platform using Next.js, React, and a decoupled data architecture.
  • Developed an automated data ingestion background pipeline with Node.js and Playwright, utilizing robust Regex text parsing to scrape, normalize, and upsert multi-source datasets into a shared PostgreSQL instance.
  • Built a high-density geospatial dashboard using Maplibre GL and Deck.gl overlays, leveraging WebGL acceleration to manage fluid coordinate clustering.
Freelance Web Developer · Full-Stack / Frontend Developer
2021 – 2024

Mary Pet Pansion (Legacy Migration & Re-architecture)

  • Original (Legacy): Created a serverless web app running in Cloudflare Workers and Cloudflare KV, executing deep file storage indexing across multiple Google Drives via an iframe proxy powered by bi-directional window postMessage handlers.
  • Re-Architecture (Modernization): Re-engineered the platform from scratch into an Astro and React setup. Implemented a rigid structural SEO framework utilizing astro-seo, embedded custom native PWA capabilities (offline asset caching & push notifications), and eliminated performance latency to deliver a significantly faster and highly optimized web experience.

MealMate (Telegram Web App Automation Tool)

  • Designed an autonomous headless automation service utilizing Node.js (Express), Playwright, and Croner to scrape data and automate recurring student tasks under real-time constraints.
  • Established zero-polling, bidirectional real-time data streaming by integrating persistent WebSockets directly with Telegram's API infrastructure.

Open-Source & Personal Libraries

map-scissor-swipeTypeScript · WebGL
  • Developed a high-performance, zero-dependency slider comparison utility for Maplibre GL and Mapbox GL JS, ensuring clean code distribution through automated build tools.
  • Sidestepped memory-heavy multi-map syncing models by implementing low-overhead WebGL scissor testing directly within a single map canvas, cutting memory allocation by 50% while guaranteeing pixel-perfect synchronization.
nurse-schedulerTypeScript · ESM/CJS
  • Designed a tree-shakeable, algorithmic shift-allocation engine utilizing a Mixed-Integer Linear Programming solver (glpk.js) to generate optimal scheduling matrices against complex constraints and preferences.
  • Built using a modular, functional architecture and validated via a comprehensive automated test suite to ensure predictably reliable behavior across runtime environments.
  • Engineered a dual-output architecture that outputs standardized programmatic solutions alongside an automated markdown prompt/JSON schema payload for AI-agent context loading.
iina-playlist-proTypeScript · macOS ecosystem
  • Created a plugin for the IINA media player enabling deep nested local directory folder scanning and asynchronous .m3u8 playlist generation, allowing users to seamlessly manage local and online playlists.
  • Programmed background file-system observers to handle sandboxed path recovery and automated loading of multi-language local subtitles.

Education & Certifications

MSc in Medical-Surgical Nursing2024 – Present

Iran University of Medical Sciences (IUMS)

BSc in Nursing2019 – 2023

Iran University of Medical Sciences (IUMS)

Meta Front-End Developer Professional Certificate (Coursera)