← فهرستarticles

GET /work/articles200 OK

06 / 08 · اپلیکیشن وب فول‌استک · 2025

Hashiyeh

فضایی برای نوشته‌های دانشجویان و بازخورد مؤثر دانشگاهی.

نقش من
توسعه‌دهنده فول‌استک.
سال
2025
بستر
پروژه دانشگاهی
ابزارها
  • TypeScript
  • Next.js
  • MongoDB
  • Mongoose
  • Server Actions

01 / مسئله

نمای کلی

پلتفرمی فارسی‌زبان برای نوشته‌های دانشگاهی که در آن دانشجویان آثار خود را منتشر می‌کنند و استادان به آن‌ها نمره و بازخورد می‌دهند. این پلتفرم شامل داشبوردهای مبتنی بر نقش، محاسبه خودکار میانگین نمرات و نمایش حاشیه‌ای نظرات در کنار متن نوشته است.

  • پیاده‌سازی سطح دسترسی مبتنی بر نقش برای فرایندهای دانشجویان و استادان.
  • پیاده‌سازی قابلیت‌های مدیریت نوشته شامل ایجاد، ویرایش، حذف، دسته‌بندی، برچسب‌گذاری، جست‌وجو و صفحه‌بندی.
  • توسعه فرایند نمره‌دهی از ۰ تا ۲۰، ثبت نظرات مرتبط با نوشته و محاسبه خودکار میانگین نمرات.
  • پیاده‌سازی احراز هویت با JWT، کوکی‌های HttpOnly و هش‌کردن رمز عبور با bcrypt.
  • استفاده از Server Actions در Next.js برای عملیات سمت سرور اپلیکیشن.
  • استفاده از اعتبارسنجی Zod و اسکیمای Mongoose برای اعتبارسنجی داده‌ها.
  • طراحی رابط فارسی راست‌چین با پوسته روشن و تاریک، کامپوننت‌های دسترس‌پذیر و انیمیشن‌های GSAP.
  • استفاده از Redux Toolkit برای مدیریت وضعیت سمت کلاینت در پنل نمره‌دهی.
داشبورد نوشته‌ها و نمره‌دهی Hashiyeh
تصویر 6Hashiyeh

ابزارها

  • TypeScript
  • Next.js
  • MongoDB
  • Mongoose
  • Server Actions
  • JWT
  • Zod
  • React Hook Form
  • Tailwind
  • shadcn/ui