دانیال عبدلی
مهندس ارشد فرانتاند و فولاستک
خلاصهٔ حرفهای
مهندس ارشد فرانتاند و فولاستک با بیش از ۵ سال تجربه در طراحی، توسعه و نگهداری اپلیکیشنهای وب پیچیده، مکانیزمهای گیمیفیکیشن، سیستمهای Real-time و ابزارهای اختصاصی توسعهدهندگان. متخصص در طراحی معماریهای مقیاسپذیر، تعریف مشخصات فنی دقیق پیش از پیادهسازی و توسعه کدبیسهای پایدار، قابل نگهداری و قابل توسعه. دارای تسلط عمیق بر معماری Server/Client، مهندسی SEO فنی، بهینهسازی کارایی، امنیت نرمافزار و مدیریت پیچیدگی در سیستمهای مبتنی بر State. برخوردار از پیشینه تحلیلی در حوزه سلامت بالینی و توانمند در شناسایی گپهای منطقی پیچیده، مدلسازی و پیادهسازی Business Domainهای قانونمحور و تبدیل نیازمندیهای پیچیده به راهکارهای نرمافزاری مقیاسپذیر، قابل اتکا و قابل تکامل در بلندمدت.
ماتریس فنی اصلی
زبانهاJavaScript (ES6+), TypeScript, HTML5/CSS3, Python, SQLاکوسیستم فرانتاندReact, Next.js (App Router), Astro, Redux Toolkit, Zustand, React Query, Viteتخصص SEOTechnical SEO, On-Page SEO, Off-Page SEO, Semantic HTML, Web Accessibility (WCAG)رابط کاربری و دیتاویژوالایزیشنTailwind CSS, Shadcn/ui, Framer Motion, Material UI (MUI), AG Grid & AG Charts, Inkscapeدادههای مکانی و WebGLMaplibre GL, Mapbox GL JS, Leaflet, Deck.gl (Clustering & Overlays)بکاند و ابزارهای توسعهNode.js (Express), WebSockets, Supabase (Auth/Database), Cloudflare Workers & KV, Docker, Playwright, Gitتست و متدولوژیهاVitest, Test-Driven Development (TDD), Functional Programming, OOP
سوابق حرفهای
شریف همراه پژوهان · توسعهدهندهٔ ارشد فرانتاند و مدرس فنی
۲۰۲۴ – ۲۰۲۶- توسعهٔ اپلیکیشنهای وب امن داخلی برای افزایش بهرهوری و ابزارهای مدیریتی با React، TypeScript و Vite؛ همراه با بهینهسازی کارایی سمت کلاینت و الگوهای پیچیدهٔ مدیریت state.
- بهعنوان مدرس فنی داخلی شرکت انتخاب شد؛ طراحی و برگزاری کارگاههای تخصصی مهندسی برای تیمهای توسعه با محوریت Web Performance، Web Accessibility (انطباق با WCAG) و امنیت وب.
- ردیابی و رفع گپهای منطقی و اعمال استانداردهای معماری تمیز در سراسر کدبیسها برای تضمین خروجیهای production کاملاً قابلپیشبینی.
پروژههای نرمافزاری مستقل · بنیانگذار و مهندس ارشد فولاستک
۲۰۲۴ – ۲۰۲۶Karanava (پلتفرم SaaS کارائوکهٔ فراگیر و استریم موسیقی)
- نگارش اسپکهای فنی دقیق برای معماری یک پلتفرم صوتی فولاستک مقاوم با Astro، React و Supabase.
- ساخت لایهٔ استریم صوتی سمت کلاینت با Wavesurfer.js و Web Audio API بومی؛ با پشتیبانی از فیلترهای صوتی real-time و رندر بصری waveform.
- پیادهسازی Astro edge middleware برای رهگیری و proxy کردن استریمهای امن S3، با اعتبارسنجی دقیق روی فایلهای مشروط به اشتراک.
MaskanScan (پلتفرم SaaS جستوجوی تجمیعی املاک)
- ساخت پلتفرم جستوجوی املاک با مقیاس بالا با استفاده از Next.js، React و معماری دادهٔ decoupled.
- توسعهٔ یک background pipeline خودکار برای دریافت داده با Node.js و Playwright؛ با Regex parsing قدرتمند برای scrape، نرمالسازی و upsert دیتاستهای چندمنبعی در یک نمونهٔ مشترک PostgreSQL.
- ساخت یک داشبورد مکانی پرتراکم با Maplibre GL و overlayهای Deck.gl؛ با بهرهگیری از شتابدهی WebGL برای مدیریت clustering مختصاتی روان.
توسعهدهندهٔ وب فریلنس · فولاستک / فرانتاند
۲۰۲۱ – ۲۰۲۴Mary Pet Pansion (مهاجرت از سیستم قدیمی و بازطراحی معماری)
- نسخهٔ اولیه (Legacy): ساخت یک وباپ serverless روی Cloudflare Workers و Cloudflare KV که با یک iframe proxy مبتنی بر window
postMessageدوطرفه، ایندکسگذاری عمیق فایلها را در چندین Google Drive انجام میداد. - بازطراحی معماری (مدرنسازی): بازنویسی کامل پلتفرم از صفر با Astro و React. پیادهسازی یک فریمورک ساختاریافتهٔ SEO با
astro-seo، افزودن قابلیتهای بومی PWA (کش آفلاین و push notification)، و حذف تأخیرهای کارایی برای ارائهٔ تجربهای بهمراتب سریعتر و بهینهتر.
MealMate (ابزار اتوماسیون Telegram Web App)
- طراحی یک سرویس اتوماسیون headless و خودمختار با Node.js (Express)، Playwright و Croner برای scrape داده و خودکارسازی تسکهای تکرارشوندهٔ دانشجویی تحت محدودیتهای real-time.
- برقراری استریم دادهٔ real-time دوطرفه و بدون polling با یکپارچهسازی WebSocketهای persistent مستقیماً با زیرساخت API تلگرام.
پروژههای متنباز و کتابخانههای شخصی
map-scissor-swipeTypeScript · WebGL- توسعهٔ یک ابزار مقایسهٔ اسلایدری با کارایی بالا و zero-dependency برای Maplibre GL و Mapbox GL JS؛ با توزیع کد تمیز از طریق build tools خودکار.
- دور زدن مدلهای همگامسازی چندنقشهای سنگین از نظر حافظه با پیادهسازی WebGL scissor testing کمoverhead درون یک کانواس نقشهٔ واحد؛ کاهش ۵۰٪ مصرف حافظه با حفظ همگامسازی pixel-perfect.
nurse-schedulerTypeScript · ESM/CJS- طراحی یک موتور الگوریتمی tree-shakeable برای تخصیص شیفت با استفاده از یک solver از نوع Mixed-Integer Linear Programming (
glpk.js) برای تولید ماتریسهای زمانبندی بهینه در برابر محدودیتها و ترجیحات پیچیده. - ساختهشده با معماری ماژولار و functional و اعتبارسنجیشده با یک test suite خودکار جامع برای تضمین رفتار قابلاتکا و قابلپیشبینی در محیطهای اجرایی مختلف.
- طراحی یک معماری dual-output که همزمان راهحلهای برنامهنویسیشدهٔ استاندارد و یک payload خودکار از نوع markdown prompt/JSON schema برای بارگذاری context عاملهای هوش مصنوعی تولید میکند.
iina-playlist-proTypeScript · macOS ecosystem- ساخت یک پلاگین برای پلیر IINA که اسکن عمیق و تودرتوی پوشههای لوکال و تولید ناهمزمان playlist با فرمت
.m3u8را ممکن میسازد و به کاربران اجازه میدهد لیستهای پخش لوکال و آنلاین را بهسادگی مدیریت کنند. - پیادهسازی observerهای پسزمینهٔ فایلسیستم برای بازیابی مسیر در محیط sandbox و بارگذاری خودکار زیرنویسهای لوکال چندزبانه.
تحصیلات و گواهینامهها
کارشناسی ارشد پرستاری داخلی-جراحی۲۰۲۴ – تاکنون
دانشگاه علوم پزشکی ایران (IUMS)
کارشناسی پرستاری۲۰۱۹ – ۲۰۲۳
دانشگاه علوم پزشکی ایران (IUMS)
گواهینامهٔ حرفهای Meta Front-End Developer (Coursera)
- مقدمهای بر توسعهٔ Front-End — coursera.org/verify/HC4UZ5HARUN3
- آموزش عمیق HTML و CSS — coursera.org/verify/BRQEAD4EUJLC
- برنامهنویسی با JavaScript — coursera.org/verify/VL4U4NVKNC9S
- کنترل نسخه (Version Control) — coursera.org/verify/TYQUZXSPV7G7