آماده همکاری

سلام، من علی پیله چی ها هستم

Full-Stack Web Developer |

از رابط کاربری با React و Next.js تا بک‌اند با Node.js، افزونه وردپرس، PWA و سیستم‌های امنیتی — صفر تا صد توسعه وب

تخصص‌ها

هر تکنولوژی، فریم‌ورک و معماری که در پروژه‌های واقعی و تجاری به‌کار گرفته‌ام

فرانت‌اند

React Ecosystem & Modern UI

React 18/19 Next.js 16 TypeScript 5 JavaScript ES6+ Tailwind CSS 3/4 Shadcn UI Radix UI React Hook Form TanStack Query React Router DOM Recharts Framer Motion Lucide React Embla Carousel Sonner / Vaul GSAP Three.js HTML5 Canvas Web Audio API HTML5 / CSS3

وردپرس

+۱۰ افزونه تجاری از صفر

Plugin Dev (OOP) WP REST API WooCommerce API Custom DB Tables AJAX (WP) Page Builder Dev Background Processing Multi-store Sync Admin Redesign Google Analytics API Zarinpal Gateway WordPress Hooks Shortcodes / Widgets

بک‌اند

API, Server & Architecture

Node.js Express.js PHP (OOP / Classes) RESTful API Design Next.js API Routes express-rate-limit express-validator helmet.js multer cors dotenv Python / Flask EJS Templating WebSocket

پایگاه داده و سرویس‌ها

Database & BaaS

MySQL / MariaDB Custom SQL Migrations Prisma ORM Supabase Redis mysql2 (Node.js) IndexedDB Cache API

PWA و کروم

وب‌اپ نصب‌شدنی + افزونه مرورگر

Service Workers Web App Manifest Chrome Extension MV3 Chrome Storage API chrome.runtime messaging Background Scripts Push Notifications Cache API / Offline Web Crypto API

امنیت و احراز هویت

Security & Auth Systems

TOTP / RFC 6238 AES-256-GCM JWT / NextAuth.js bcrypt / bcryptjs WebAuthn / Biometric Rate Limiting Audit Logs Zod Validation QR Code Auth Backup / Restore

ربات و اتوماسیون

Bot Platforms & Web Scraping

Telegram Bot API Bale Bot API Admin Panel (Node+EJS) Axios https-proxy-agent Web Scraping Puppeteer

ابزارها، DevOps و یکپارچه‌سازی

Tools, Infrastructure & Third-Party Integrations

Git / GitHub Docker Nginx Linux Server Vite / Webpack ESLint / Prettier TypeScript ESLint Postman Vercel Google Calendar API Google Sheets API Google Analytics API @vercel/analytics Figma RTL / a11y Jalali Calendar
Expert تسلط کامل و استفاده مستمر Advanced تجربه عملی در پروژه‌های واقعی Mid آشنایی و استفاده انتخابی

خدمات

ساخت وب‌سایت و وب‌اپلیکیشن از صفر تا صد — طراحی، توسعه، استقرار و پشتیبانی

01

طراحی و توسعه وب‌سایت

ساخت وب‌سایت‌های مدرن، سریع و ریسپانسیو — از سایت شرکتی و لندینگ پیج تا پورتفولیو و وب‌اپ کامل با React، Next.js یا وردپرس.

  • طراحی UI/UX اختصاصی از صفر
  • واکنش‌گرا برای تمام دستگاه‌ها
  • بهینه‌سازی Core Web Vitals و سئو فنی
  • پشتیبانی RTL و زبان فارسی
React / Next.jsWordPressTailwind CSSSEO
02

وب‌اپلیکیشن PWA

توسعه وب‌اپلیکیشن‌های پیشرفته قابل نصب روی هر دستگاه، با کارکرد آفلاین، Push Notification و عملکردی معادل اپلیکیشن‌های نیتیو.

  • نصب مستقیم از مرورگر (No App Store)
  • کارکرد بدون اینترنت با Service Workers
  • Push Notifications بلادرنگ
  • به‌روزرسانی خودکار در پس‌زمینه
Service WorkersManifestOffline-FirstPush API
03

افزونه اختصاصی وردپرس

ساخت افزونه‌های حرفه‌ای از صفر با معماری OOP: چت آنلاین، صفحه‌ساز، مدیریت تسک، سیستم احراز هویت، بازی و هر نیاز اختصاصی دیگر.

  • معماری تمیز OOP با Autoloader
  • پنل مدیریت اختصاصی در داشبورد WP
  • ادغام با WooCommerce و REST API
  • جداول دیتابیس اختصاصی و Migration
WordPress OOPWooCommerceWP REST APIAJAX
04

فروشگاه آنلاین و E-Commerce

راه‌اندازی فروشگاه آنلاین کامل با WooCommerce یا Next.js؛ درگاه پرداخت زرین‌پال، سیستم چند-فروشندگی، همگام‌سازی محصولات بین فروشگاه‌ها.

  • درگاه پرداخت زرین‌پال و بانکی
  • سیستم چند-فروشندگی (Multi-Vendor)
  • همگام‌سازی خودکار محصولات و موجودی
  • مدیریت تنوع، قیمت و انبار
WooCommerceZarinpalMulti-VendorProduct Sync
05

سیستم‌های Real-time و چت

پیاده‌سازی سیستم چت آنلاین زنده، پیام صوتی، اشتراک‌گذاری فایل، تایپ‌اندیکیتور و هر سیستم ارتباطی بلادرنگ با WebSocket.

  • پیام‌رسانی بلادرنگ با WebSocket
  • ضبط و ارسال پیام صوتی
  • آپلود فایل، emoji و Read Receipts
  • پشتیبانی چند ادمین و Routing داخلی
WebSocketLive ChatVoice MsgFile Share
06

ربات هوشمند و اتوماسیون

توسعه ربات‌های تلگرام و بله با پنل مدیریت وب، داشبورد آماری، سیستم کاربری و ادغام با دیتابیس. اتوماسیون فرآیندها و جمع‌آوری داده از وب.

  • ربات تلگرام و بله با API کامل
  • پنل مدیریت وب با Node.js + EJS
  • داشبورد آمار، لاگ کاربران و Pagination
  • Web Scraping و جمع‌آوری خودکار داده
Telegram BotBale BotAdmin PanelScraping
07

افزونه مرورگر کروم

ساخت افزونه‌های Chrome با Manifest V3؛ از داشبورد New Tab پیشرفته با ۱۰+ ابزار یکپارچه تا ابزارهای بهره‌وری، تبدیل‌گر و اتوماسیون مرورگر.

  • Manifest V3 و Background Service Worker
  • Chrome Storage API برای داده‌های محلی
  • ادغام API های خارجی از Background Script
  • تقویم جلالی، آب‌وهوا، ماشین‌حساب و ...
Manifest V3Chrome APIBackground SWStorage API
08

سیستم احراز هویت و امنیت

پیاده‌سازی احراز هویت دو-مرحله‌ای (2FA/TOTP)، رمزنگاری AES-256، WebAuthn، JWT و لایه‌های امنیتی پیشرفته برای وب‌سایت یا وب‌اپلیکیشن.

  • 2FA با TOTP و QR Code (مثل Google Auth)
  • رمزنگاری AES-256-GCM برای داده‌های حساس
  • احراز هویت بیومتریک (WebAuthn)
  • Rate Limiting، Audit Log و پشتیبان‌گیری
2FA / TOTPAES-256WebAuthnJWT

فرآیند کار

از جلسه اول تا تحویل نهایی — شفاف، مرحله‌به‌مرحله

۱
بررسی نیاز و تحلیل جلسه آنلاین، تعریف اهداف، نقشه راه و تخمین زمان
۲
طراحی UI/UX وایرفریم، پروتوتایپ و تأیید ظاهر نهایی
۳
توسعه و کدنویسی فرانت، بک‌اند، دیتابیس — تمیز، امن، مقیاس‌پذیر
۴
تست و بهینه‌سازی پرفورمنس، امنیت، Core Web Vitals و Responsive
۵
استقرار و دیپلوی راه‌اندازی سرور، دامین، SSL و مانیتورینگ
۶
پشتیبانی مستمر آپدیت امنیتی، باگ‌فیکس و توسعه قابلیت‌های جدید

پروژه‌های AIAP

محصولات واقعی که از ایده تا استقرار ساخته‌ام — PWA، امنیت، افزونه Chrome و مدیریت پروژه

PWA · SaaS

تسک منیجر

سیستم مدیریت پروژه و تسک حرفه‌ای برای همکاری تیمی — بردهای Kanban، اعلان‌های هوشمند، PWA قابل نصب و یکپارچه‌سازی Google Calendar.

  • بردهای نامحدود با Drag & Drop
  • Push Notification و نصب روی موبایل
  • 2FA، تقویم جلالی و پرداخت زرین‌پال
WordPressPWAKanbanREST API
امنیت · 2FA

AIAP Authenticator

احراز هویت دو مرحله‌ای (2FA) مشابه Google Authenticator — تولید کد TOTP آفلاین، رمزنگاری AES-256-GCM و قفل PIN/بیومتریک.

  • TOTP مطابق RFC 6238
  • WebAuthn و احراز هویت بیومتریک
  • پشتیبان‌گیری، QR Code و Audit Log
2FA / TOTPAES-256PWAWebAuthn
E2E · امنیت

AIAP One

لینک امن یکبار مصرف برای اشتراک متن و فایل — رمزگذاری End-to-End در مرورگر؛ سرور هرگز محتوا را نمی‌بیند و کلید فقط در URL است.

  • رمزگذاری AES-GCM 256 در مرورگر
  • Burn-after-read و انقضای زمانی
  • QR Code، رمز عبور و محدودیت بازدید
Web CryptoE2EZero-KnowledgeSecure Share
Chrome Extension

AIAP - Font

افزونه Chrome برای تغییر فونت تمام صفحات وب به ۹ فونت فارسی حرفه‌ای — اعداد فارسی، پوشش iframe و Shadow DOM، کاملاً آفلاین.

  • ۹ فونت: وزیرمتن، ایران‌سنس، کلمه و ...
  • Manifest V3 — بدون جمع‌آوری داده
  • منتشرشده در Chrome Web Store
Manifest V3Chrome APIRTLPrivacy

بازی پرش جنجالی

یک بازی سریع و هیجان‌انگیز! از موانع عبور کن، دشمن‌ها رو نابود کن و رکورد بزن.

امتیاز: 0

برای شروع کلیک کنید یا Space بزنید!

شلیک
پرش

سوالات متداول

علی پیله چی ها
01. هزینه و بودجه

قیمت مثل ماشین است — بستگی دارد کدام مدل می‌خواهید! یک لندینگ‌پیج ساده با یک فروشگاه چندفروشنده با Real-time و احراز هویت دو مرحله‌ای فرق زیادی دارند. بعد از یک جلسه رایگان آنلاین، نیاز شما را دقیق بررسی می‌کنم و پیشنهاد شفاف با تفکیک هزینه هر بخش ارائه می‌دم. هیچ‌وقت با بودجه‌تان غافلگیر نمی‌شید.

02. زمان‌بندی

لندینگ‌پیج یا سایت معرفی: ۱ تا ۲ هفته. فروشگاه یا سایت پیچیده با وردپرس: ۳ تا ۶ هفته. وب‌اپلیکیشن React/Next.js با بک‌اند کامل: ۴ تا ۱۲ هفته بسته به scope. افزونه اختصاصی وردپرس: ۲ تا ۵ هفته. در تمام مراحل از طریق تلگرام یا واتساپ در جریان پیشرفت هستید.

03. انتخاب تکنولوژی

وردپرس برای سایت‌های محتوامحور، فروشگاه‌های WooCommerce و جایی که مدیر سایت می‌خواهد خودش محتوا را کنترل کند ایده‌آل است. React/Next.js برای وب‌اپلیکیشن‌هایی با منطق پیچیده، داشبوردهای تعاملی، Real-time و عملکرد بالا انتخاب درستی است. اگر مطمئن نیستید، در جلسه اول با هم بررسی می‌کنیم.

04. وردپرس

بله — و این یکی از تخصص‌های اصلی من است. بیش از ۱۰ افزونه تجاری توسعه داده‌ام: از سیستم احراز هویت ۲FA با رمزنگاری AES-256 تا چت زنده با WebSocket، مارکت‌پلیس چندفروشنده با همگام‌سازی محصولات، پنل مدیریت سفارشی، ادغام درگاه زرین‌پال، Google Analytics API، مدیریت وظایف و گزارش‌گیری. افزونه با معماری OOP، کلاس‌بندی تمیز و قابلیت به‌روزرسانی ایمن نوشته می‌شود.

05. PWA

PWA (Progressive Web App) یعنی سایت شما مثل یک اپ روی موبایل نصب می‌شود، Push Notification ارسال می‌کند، Offline کار می‌کند و سرعت بارگذاری بسیار بالایی دارد — بدون نیاز به انتشار در App Store. برای فروشگاه‌ها، پورتال‌های مشتریان و سایت‌هایی که کاربران را نگه می‌دارند، PWA یک مزیت جدی است و این تخصص را با Service Worker و Cache API پیاده می‌کنم.

06. امنیت

امنیت را جدی می‌گیرم: احراز هویت دو مرحله‌ای (۲FA/TOTP طبق RFC 6238)، رمزنگاری AES-256-GCM برای داده‌های حساس، JWT با Refresh Token، Rate Limiting با express-rate-limit، Helmet.js برای HTTP headers، اعتبارسنجی ورودی با Zod، لاگ‌گیری و Audit Log برای تمام عملیات حساس، و WebAuthn/Biometric authentication. در وردپرس نیز جداول اختصاصی با Prepared Statements و Nonce validation استفاده می‌کنم.

07. ربات و اتوماسیون

بله — با Telegram Bot API و Bale Bot API پروژه‌های واقعی انجام داده‌ام. ربات وام‌دهی با پنل مدیریت Node.js/EJS، ربات‌های اطلاع‌رسانی، Inline keyboards و ادغام با دیتابیس MySQL. همچنین با Puppeteer وب‌اسکرپینگ و اتوماسیون وظایف تکراری را انجام می‌دهم. اگر فرآیند تکراری دارید که می‌توان خودکارش کرد، با هم بررسی می‌کنیم.

08. پشتیبانی

بله. بعد از تحویل، یک دوره پشتیبانی رایگان برای رفع باگ‌های احتمالی وجود دارد. بعد از آن می‌توانیم قرارداد نگهداری ماهانه داشته باشیم که شامل به‌روزرسانی‌های امنیتی، بکاپ‌گیری، مانیتورینگ و اضافه کردن امکانات جزئی می‌شود. تمام پروژه‌ها با داکیومنتیشن کامل تحویل می‌گیرند.

09. استقرار و سرور

بله — از کدنویسی تا استقرار کامل. با Docker، Nginx و Linux Server کار می‌کنم. سایت را روی VPS راه‌اندازی، SSL نصب، دامنه متصل و بهینه‌سازی کش و CDN را انجام می‌دهم. برای پروژه‌های ساده‌تر هم Vercel و Netlify گزینه سریع‌تری هستند. به‌علاوه برای پروژه‌های Next.js می‌توانم CI/CD با GitHub Actions راه‌اندازی کنم.

10. شروع همکاری

ساده است: از طریق تلگرام، واتساپ، بله یا ایمیل پیام بفرستید. یک جلسه آنلاین رایگان تنظیم می‌کنیم تا نیازها، timeline و بودجه را بررسی کنیم. بعد از تأیید پیشنهاد، قرارداد شفاف با مراحل مشخص، milestone‌های پرداخت و زمان تحویل هر بخش آماده می‌شود. اولین قدم فقط یک پیام است.

الهام من

Eye of the Tiger - Survivor
1

Eye of the Tiger

آهنگ ماندگار Survivor که به‌عنوان تم فیلم Rocky III شناخته می‌شود؛ نمادی از انگیزه، مبارزه و ادامه دادن.

High Hopes - Pink Floyd
2

High Hopes

قطعه‌ای از آلبوم The Division Bell پینک فلوید؛ سفری احساسی و نوستالژیک میان خاطره، رؤیا و گذر زمان.

Bohemian Rhapsody - Queen
3

Bohemian Rhapsody

شاهکار ساختارشکن Queen از آلبوم A Night at the Opera؛ ترکیبی جسورانه از راک، بالاد و اپرا.

I Will Always Love You - Whitney Houston
4

I Will Always Love You

اجرای ماندگار Whitney Houston از موسیقی متن The Bodyguard؛ یکی از احساسی‌ترین و شناخته‌شده‌ترین بالادهای پاپ.

Interstellar Original Motion Picture Soundtrack - Hans Zimmer
5

Interstellar

موسیقی متن فیلم Interstellar ساخته Hans Zimmer؛ فضایی، عمیق و الهام‌بخش با محوریت ارگ و حس عظمت کیهانی.

تماس

آماده شنیدن ایده‌هایتان هستم — همکاری را از یک پیام شروع کنیم

آماده پروژه جدید

بیایید با هم چیزی بسازیم

از طراحی UI تا استقرار روی سرور — همه مراحل را در کنارتان هستم. برای مشاوره رایگان، پیشنهاد همکاری یا هر سوالی از هر کانالی که راحت‌ترید پیام بفرستید.

ارسال پیام مستقیم

پیام شما در کمترین زمان ممکن پاسخ داده می‌شود.

باید کار را قوی تمام کنیم

React 18 & Next.js 16 از ایده تا تحویل — صفر تا صد افزونه اختصاصی وردپرس PWA با Service Worker احراز هویت ۲FA / TOTP رابط کاربری با Framer Motion فروشگاه WooCommerce + زرین‌پال Real-time با WebSocket TypeScript · Tailwind CSS · Shadcn ربات تلگرام + پنل مدیریت رمزنگاری AES-256-GCM Prisma ORM · Supabase · Redis افزونه مرورگر کروم Manifest V3 Docker · Nginx · Linux Server داشبورد با Recharts & TanStack Multi-Vendor Marketplace Node.js + Express REST API Core Web Vitals · Mobile-First تسک منیجر · task.aiap.ir AIAP One · one.aiap.ir Authenticator · pass.aiap.ir AIAP Font · font.aiap.ir