پلتفرم مدیریت مالی شخصی
Pocketa یک پلتفرم Production-Ready برای مدیریت مالی شخصی است که بهطور ویژه برای کاربران فارسیزبان طراحی شده و بر مدیریت روزمره درآمد و هزینه، بودجهبندی و برنامهریزی مالی تمرکز دارد. این نرمافزار محیطی کامل برای ثبت و مدیریت تراکنشها، مدیریت چندین حساب بانکی و نقدی، وارد کردن پیامکهای بانکی، پیگیری اهداف پسانداز، مدیریت پرداختهای دورهای، سرمایهگذاریها و گزارشهای مالی فراهم میکند؛ همه این امکانات در قالب یک تجربهی Mobile-First، کاملاً راستبهچپ (RTL) و متناسب با نیازهای کاربران فارسیزبان ارائه شده است.
این پلتفرم از یک فرانتاند مبتنی بر Next.js و یک بکاند مبتنی بر Express تشکیل شده که از طریق REST API با یکدیگر در ارتباط هستند. احراز هویت با استفاده از JWT، کوکیهای HttpOnly و مکانیزم Refresh Token پیادهسازی شده تا علاوه بر امنیت، تجربهای پایدار در وب و PWA، بهویژه روی دستگاههای موبایل، فراهم شود. همچنین در طراحی محصول، توجه ویژهای به پشتیبانی از تقویم شمسی، نمایش مبالغ به تومان، رابط کاربری RTL و تعاملات روان لمسی شده است.
تمرکز اصلی من در این پروژه، طراحی محصول از دیدگاه فرانتاند، معماری مقیاسپذیر برنامه، پیادهسازی کامل رابط کاربری، یکپارچهسازی REST API و توسعهی تجربهای روان و حرفهای برای تمام جریانهای اصلی مدیریت مالی بوده است. در این پروژه، علاوه بر ظاهر و تجربه کاربری، به نگهداریپذیری کد، مقیاسپذیری و کیفیت معماری نیز توجه ویژهای شده است.
طراحی محصول و توسعه کامل فرانتاند (Next.js / React) در این پروژه مسئول طراحی تجربه کاربری محصول، معماری فرانتاند، پیادهسازی کامل رابط کاربری، اتصال به REST API، توسعه کامپوننتها و الگوهای قابل استفاده مجدد، طراحی تعاملات Mobile-First و پیادهسازی جریانهای کامل مدیریت مالی شامل تراکنشها، انتقال وجه، بودجهبندی، اهداف پسانداز، سرمایهگذاری، پرداختهای دورهای، گزارشها و سیستم راهنمای کاربران بودم. همچنین طراحی تجربه کاربری یک نرمافزار مدیریت مالی مخصوص کاربران فارسیزبان، پیادهسازی رابطهای واکنشگرا، یکپارچهسازی با سرویسهای بکاند، حل چالشهای مرتبط با PWA و موبایل، و حفظ هماهنگی میان کامپوننتهای Ant Design و رابطهای سفارشی مبتنی بر Tailwind CSS از دیگر مسئولیتهای من در این پروژه بود. توسعهی بکاند شامل APIها، منطق تجاری، پایگاه داده و سیستم احراز هویت توسط بخش دیگری انجام شده و تمرکز من بهطور کامل بر توسعهی یک فرانتاند Production-Ready، مقیاسپذیر و قابل نگهداری بوده است.
ساختار پروژه بر اساس ماژولهای مستقل مانند Transactions، Accounts، Budgets، Goals، Investments، Reports، Dashboard، Review و Settings طراحی شد تا توسعه و نگهداری پروژه در بلندمدت سادهتر و مقیاسپذیرتر باشد.
از Tailwind CSS برای طراحی Layoutها، رفتارهای واکنشگرا و استایلهای سفارشی و از Ant Design برای فرمها، جدولها، مودالها و سایر کامپوننتهای پیچیده استفاده شد تا تعادل مناسبی بین انعطافپذیری و سرعت توسعه ایجاد شود.
سیستم احراز هویت بر پایه JWT و کوکیهای HttpOnly پیادهسازی شد تا بدون ذخیره توکن در LocalStorage، امنیت و تجربه کاربری بهتری در محیط Production فراهم شود.
برای مدیریت دادههای سمت سرور از TanStack Query و برای وضعیتهای سبک سمت کلاینت مانند تنظیمات، فیلتر حسابها و وضعیت آموزش کاربران از Zustand استفاده شد.
تجربه کاربری موبایل از ابتدا یکی از بخشهای اصلی طراحی محصول بود و مواردی مانند Bottom Navigation، Action Sheet، مدیریت کیبورد، رفتار Overlayها و سازگاری با PWA با دقت زیادی پیادهسازی شدند.
Pocketa نشاندهنده توانایی من در طراحی و توسعه یک نرمافزار مالی Production-Ready با تمرکز بر تجربه کاربری، معماری فرانتاند و جریانهای واقعی مدیریت مالی است. این پروژه مهارتهای من در توسعه برنامههای مقیاسپذیر با React و Next.js، یکپارچهسازی امن با REST API، طراحی رابطهای فارسی و RTL، توسعه Mobile-First، ساخت داشبوردهای مالی و حل چالشهای پیچیده تعاملات وب و PWA را بهخوبی به نمایش میگذارد. حاصل این فرآیند، یک محصول مدرن، قابل اعتماد و مناسب برای مدیریت مالی شخصی کاربران فارسیزبان است.