اپلیکیشن یادداشت
این پروژه یک اپلیکیشن وب یادداشت (Note-Taking) مینیمال و ریسپانسیو است که با React پیادهسازی شده و بهصورت کامل از زبان فارسی و راستبهچپ (RTL) پشتیبانی میکند.
اپلیکیشن کاملاً سمت کلاینت اجرا میشود و دادهها تنها در localStorage ذخیره میشوند؛ بنابراین وابستگی به سرور یا دیتابیس ندارد.
ساختار شامل سایدبار برای مدیریت دستهبندیها و افزودن یادداشت جدید، و بخش اصلی برای نمایش، جستجو، فیلتر و مرتبسازی یادداشتهاست. در ویوهای کوچک، سایدبار با مودال جایگزین شده تا تجربه کاربری موبایل بهینه باشد.
Frontend Developer (React) مسئول طراحی معماری state، پیادهسازی کامل رابط کاربری، پشتیبانی RTL، پیادهسازی Dark Mode، طراحی ریسپانسیو و مدیریت ذخیرهسازی سمت کلاینت.
بهجای Redux استفاده شد تا در عین سادگی، ساختار state قابل پیشبینی و متمرکز باقی بماند.
انتخاب localStorage باعث حذف وابستگی به بکاند و سبک ماندن پروژه شد و آن را به یک SPA مستقل تبدیل کرد.
جداسازی واضح بین کامپوننتهای UI، سیستم مودال، کنترلهای هدر (جستجو، فیلتر، مرتبسازی، تم) و state در NotesContext برای خوانایی و قابلیت نگهداری.
در صفحات کوچک، سایدبار به مودال تبدیل شده تا بدون شلوغ شدن صفحه، تجربه کاربری حفظ شود.
این پروژه نشاندهنده توانایی من در طراحی یک SPA ساختیافته با مدیریت state تمیز، معماری مقیاسپذیر کامپوننتها و پیادهسازی کامل رابط کاربری فارسی و RTL بدون وابستگی به بکاند است.