مهدی بیاتی - توسعه‌دهنده فرانت‌اند

این پروژه ابتدا با React توسعه داده شده بود اما در ادامه به منظور بهینه‌سازی و بهره‌برداری از مزایای SSR، به‌صورت کامل با استفاده از Next.js (نسخه 15) بازنویسی شد. برای طراحی رابط کاربری از Tailwind CSS نسخه 4 استفاده شده که سرعت بالایی در توسعه و سازگاری با طراحی مدرن را فراهم کرده است. سایت تقویم فارسی دارای سه تقویم رسمی (شمسی، میلادی، قمری) است و از کتابخانه‌های تخصصی مانند dayjs، jalali-moment، moment-hijri و hijri-converter برای تبدیل دقیق تاریخ‌ها استفاده می‌کند. همچنین با استفاده از کتابخانه adhan، اوقات شرعی بر اساس موقعیت مکانی کاربران محاسبه و نمایش داده می‌شود. برای نمایش ساعت زنده نیز از react-clock استفاده شده است. سمت بک‌اند پروژه با استفاده از Laravel توسعه داده شده که وظیفه مدیریت داده‌ها، ارسال زمان اذان، رویدادهای روز و دیگر APIهای لازم را بر عهده دارد. این بخش توسط همکار بنده پیاده‌سازی شده و بنده مسئول توسعه کامل فرانت‌اند پروژه بودم. در کنار بخش تقویم، یک بلاگ داخلی نیز طراحی شده که در آن مقالات فرهنگی و مناسبت‌های مرتبط با تقویم ایرانی درج می‌شود. این پروژه همچنان در حال توسعه است و در نسخه‌های آینده قابلیت‌هایی مانند افزودن مناسبت‌های شخصی و نسخه موبایل نیز در نظر گرفته شده‌اند.

این پروژه با هدف ایجاد پلتفرمی مشابه Kaggle برای جامعه‌ی داده‌محور ایران در حال توسعه است. در ابتدا رابط کاربری با JavaScript و Tailwind CSS پیاده‌سازی شد و با استفاده از Blade Template در لاراول سمت سرور نیز به خوبی مدیریت می‌شود. تمرکز اصلی پروژه بر اشتراک‌گذاری دیتاست‌های بومی، برگزاری رقابت‌های مدل‌سازی و تحلیل داده، و ارائه محیطی ساده برای پژوهشگران ایرانی در حوزه AI است. این وب‌سایت کاملاً در حال توسعه بوده و هنوز به‌صورت رسمی دپلوی نشده است، اما نسخه آزمایشی آن با زیرساختی پایدار در حال پیاده‌سازی است. در این پلتفرم تلاش شده با ترکیب طراحی مینیمال و کاربرپسند، کاربران بتوانند به راحتی پروژه‌های داده‌ای خود را بارگذاری کرده و به تحلیل داده‌ها بپردازند. همچنین پنل مدیریت datasets و رقابت‌ها نیز به‌صورت مجزا در حال ساخت است. بخش فرانت‌اند این پروژه با استفاده از Vanilla JavaScript، HTML و TailwindCSS نسخه 4 توسعه داده شده و بک‌اند آن با Laravel و Blade Template توسط تیم توسعه طراحی شده است. این پروژه به‌عنوان یک نمونه بومی و قابل توسعه برای فعالان حوزه‌ی هوش مصنوعی در ایران شناخته می‌شود.

AlgoLara یک پروژه تجاری بین‌المللی است که با هدف ایجاد بستری برای فروش اشتراک ربات‌های ترید اتوماتیک طراحی شده است. این پلتفرم برای کاربران فعال در بازار رمزارزها، ابزارهایی ارائه می‌دهد تا بتوانند با استفاده از الگوریتم‌های هوشمند به معاملات خودکار بپردازند. فرانت‌اند عمومی وب‌سایت با استفاده از Bootstrap و Blade Template در فریم‌ورک Laravel پیاده‌سازی شده است، در حالی که پنل کاربران با استفاده از Vue.js طراحی شده تا تجربه‌ای سریع و تعاملی را برای کاربران فراهم کند. این ساختار دو لایه به توسعه‌دهندگان امکان داده است تا هم رابط کاربری ساده و بهینه برای بازدیدکنندگان ارائه دهند و هم پنل حرفه‌ای و مدرنی برای کاربران عضو طراحی کنند. توسعه‌ی این پروژه توسط تیمی ۴ نفره آغاز شده و با مدیریت آقای **حق‌پرست** (مقیم اسپانیا) به‌صورت بین‌المللی در حال پیشرفت است. توسعه‌ی این پلتفرم زمان‌بر بوده و فاز نهایی آن تا پایان سال جاری میلادی برنامه‌ریزی شده است. با وجود اینکه هنوز به‌صورت رسمی دپلوی نشده، بخش‌های اصلی آن نظیر سیستم اشتراک، پنل کاربری، سیستم پرداخت و مدیریت اکانت‌ها تکمیل شده‌اند. این پروژه نشان‌دهنده ترکیب توانمندی توسعه‌دهندگان ایرانی با بازار بین‌المللی است و در آینده‌ی نزدیک به‌عنوان یک نمونه موفق از همکاری‌های بین‌مرزی در حوزه فین‌تک و رمزارزها شناخته خواهد شد (این پروژ روی گیت لب است).

این پروژه با هدف تمرین معماری فول‌استک در قالب یک سایت فروش قهوه طراحی شده است. CoffeeStack تنها یک پروژه فروشگاهی ساده نیست، بلکه شامل چالش‌های واقعی و امکانات پیشرفته‌ای است که آن را به نمونه‌ای کاربردی برای یادگیری و پیاده‌سازی ساختارهای حرفه‌ای تبدیل کرده است. این وب‌سایت با استفاده از **Next.js نسخه 15** و معماری **App Router** توسعه یافته و فرانت‌اند آن از **CSS Modules** برای استایل‌دهی کامپوننت‌محور بهره می‌برد. احراز هویت در این پروژه بر پایه **JWT** و با استفاده از کتابخانه‌های jsonwebtoken و bcryptjs پیاده‌سازی شده که امنیت را تضمین می‌کند. از جمله امکانات این پروژه می‌توان به موارد زیر اشاره کرد: - سیستم مدیریت سبد خرید - علاقه‌مندی‌ها و لیست‌ محصولات منتخب کاربر - **پنل مدیریت** برای افزودن، ویرایش و حذف محصولات - سطح‌بندی بین **ادمین** و **کاربر عادی** - اتصال به **نقشه Leaflet** جهت نمایش فروشگاه‌ها و نمایندگی‌ها - استفاده از **Recharts** برای نمایش داده‌های آماری در داشبورد مدیریت - استفاده از **SweetAlert** برای هشدارهای زیبا و تعاملی - پیاده‌سازی انیمیشن با **AOS.js** - استفاده از **React Select** و **Swiper** برای تجربه کاربری بهتر در بخش فیلترها و نمایش اسلایدی محصولات سمت بک‌اند با استفاده از **MongoDB** (از طریق mongoose) به صورت کاملاً دینامیک پیاده‌سازی شده است و تمامی درخواست‌ها از طریق APIهای Server Actions یا Route Handlers مدیریت می‌شوند. این پروژه یکی از تمرین‌های جامع برای تسلط به ساخت اپلیکیشن‌های واقعی با Next.js محسوب می‌شود.