اپ بُنیادی‌ها
گزارش کار و پیشرفت، چت با اپراتور، آزمون، نمایش استوری مانند اینستاگرام و پخش ویدئو در PWA.
ReactViteZustandReact QueryTypeScriptMaterial UISocket.ioreact-hook-formGitPWAResponsiveLazy loadBest performance
FARNOOD LOTFALI
آماده همکاری در نقش فرانت‌اند
توسعه‌دهنده فرانت‌اند با تمرکز بر پرفورمنس بالا، پایداری و UX ساده و حرفه‌ای
بیش از ۵ سال سابقه در ساخت برنامه‌های مقیاس‌پذیر با React، Next.js و TypeScript در کنار طراحان و مهندسان backend
مهارت‌ها
ReactNext(App router)Next(Pages router)JavaScriptTypescriptReact-QueryZustandReact-RouterReduxPWASocket.ioGitGitlabMaterial UITailwindShadCnMantineBootstrapExpressPostgreSQLReact Hook FormYup, ZodDockerVitePostman, SwaggerHTML5CSS3Expert in MapsReusable Code
۵+
سال تجربه
۱۰+
پروژه‌های انجام‌شده
فرانت‌اند با نگاه محصول
توسعه‌دهنده‌ای هستم که وب‌محصولات مدرن را با React و Next.js پیاده‌سازی می‌کند و تمرکز اصلی‌ام بر تجربه کاربری باکیفیت و عملکرد بهینه است. تجربه کار تیمی در پروژه‌های توسعه وب را دارم. با بهره‌گیری از ابزارهای هوش مصنوعی، ساختار کد را بهبود داده و کیفیت و خوانایی آن را ارتقا داده‌ام. همواره در مسیر یادگیری مستمر و به‌روزرسانی دانش فنی خود حرکت می‌کنم.
همکاری تیمی
ارتباط شفاف با تیم طراحی و بک‌اند برای تحویل بهتر.
تحویل مطمئن
رابط کاربری آماده تولید با جزئیات دقیق و عملکرد خوب.
تجربه کاری
توسعه‌دهنده فرانت‌اند
بُنیادی‌ها (ریموت، ایران)
توسعه اپ PWA و وبسایت و پنل ادمین برای گزارش‌کاری، گفت‌وگو با اپراتور، دسترسی دوره و داشبورد برای چند نقش.
اردیبهشت ۱۴۰۴ — اکنون
توسعه‌دهنده فرانت‌اند
کاشان تجارت (هایبرید، ایران)
پلتفرم‌های لجستیک، وبسایت و پنل‌های مدیریتی با Pair Programming.
خرداد ۱۴۰۳ — شهریور ۱۴۰۴
توسعه‌دهنده فرانت‌اند
سِکار (ریموت، ایران)
اپ PWA برای مدیریت اطلاعات خودرو و کارهای مرتبط با مکانیک.
بهمن ۱۴۰۲ — مرداد ۱۴۰۳
توسعه‌دهنده فرانت‌اند
به‌همراه (ریموت، ایران)
سیستم حمل‌ونقل مسافر با رزرو و پیشنهاد مسیر.
اردیبهشت ۱۴۰۰ — بهمن ۱۴۰۲
نمونه‌کارهای منتخب
CRM بُنیادی‌ها
پیاده‌سازی پنل های مختلف برای نقش های کارشناس، ناظر، مشاور و غیره در یک پلتفرم
ReactViteZustandReact QueryTypeScriptMaterial UISocket.ioreact-hook-formGitPWAResponsiveLazy loadBest performance
وبسایت بُنیادی‌ها
معرفی اپلیکشن، ثبت‌نام دانشجو، خرید دوره و داشبورد
Next(app router)React QueryTypeScriptSSRZustandMantine UIYupreact-hook-formResponsiveGitCustom video player
به‌همراه مسافر
اپ حمل‌ونقل با نقشه سفارشی و رابط چندزبانه.
React Router v7React QueryTypeScriptZustandTailwindShadCNreact-hook-formZodGitlabResponsiveCustom map providerMultilingualNeshan MapLeaflet Map
سرویس‌کار (سکار)
اپ PWA سرویس کار، برنامه ای برای مدیریت اطلاعات ماشین راننده و امور تعمیرکار.
Next(pages router)React QueryTypeScriptZustandSSRMaterial UILeaflet Mapreact-hook-formYupGitResponsiveOffline supportPWA
ادمین دراپ
پنل ادمین لجستیکی دارای قابلیت مانیتورینگ
ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
وبسایت دراپ
وبسایت توضیحات و نحو استفاده از برنامه برای رانندگان و صاحبان بار.
Next(pages router)React QueryMaterial UISSRreact-hook-formGitlabResponsiveLeaflet Map
ادمین بارستان
پنل ادمین لجستیکی دارای قابلیت مانیتورینگ
ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
وبسایت بارستان
وبسایت توضیحات و نحو استفاده از برنامه برای رانندگان و صاحبان بار.
Next(pages router)React QueryMaterial UISSRreact-hook-formGitlabResponsiveLeaflet Map
وبسایت مدیریت همکاران (HRM)
اپ کارکنان جهتثبت حضور و غیاب و دریافت حقوق و دیدن آمار ساعت کاری و غیره
ReactMaterial UIRestBootstarpGitlabResponsive
Ticket Stand
وبسایت اطلاعات فیلم برای اضافه کردن فیلم های مورد علاقت و مشاهده آنها
Next(pages router)React QueryTypeScriptMaterial UIContext State ManagementSSRGitResponsive
تحصیلات
کارشناسی مهندسی کامپیوتر
مؤسسه آموزش عالی (BIHE)
معدل ۳.۳۰ از ۴
مهر ۱۳۹۸ — اردیبهشت ۱۴۰۴
کارهای خفن
بهینه‌سازی عملکرد
لود سریع‌تر، UX بهتر و بهبود Core Web Vitals.
کاهش حجم باندل
کاهش حجم باندل با استفاده از webpack
هندل کردن Role و Permissions
پیاده‌سازی سیستم permission برای پنل های مدیریتی
Map Provider
پیاده‌سازی استفاده همزمان از نقشه های Neshan و Leaflet
قابلیت آفلاین
بهرگیری از قابلیت آفلاین برای پروژه های PWA
Code Splitting
Lazy load و Suspense برای بهبود عملکرد
Instagram-Like Story Display
پیاده‌سازی نمایش استوری مشابه اینستاگرام
ویدوپلیر شخصی سازی شده
پیاده‌سازی ویدوپلیر شخصی سازی شده
سیستم چت
پیاده‌سازی سیستم چت با قابلیت ارسال و دریافت انواع پیام
چندزبانه
پیاده‌سازی رابط چندزبانه برای پروژه های مختلف
فرم با تعداد زیاد فیلد
جلوگیری از کند شدن فرم و فیلد ها هنگام تایپ
مانیتورینگ
پیاده‌سازی مانیتورینگ برای پروژه های لجستیکی
Dark/Light Mode
پیاده‌سازی قابلیت Dark/Light Mode برای پروژه های مختلف
پیاده‌سازی UI
رابط‌های دقیق و دسترس‌پذیر با ابزارهای مدرن.
ایمیل:farnoodlotfali@gmail.comگیت‌هاب:github.com/farnoodlotfaliلینکدین:linkedin.com/in/farnoodlotfaliتلگرام:t.me/Farnoooooood
موقعیت: تهران، ایران