Central 🧭

یک اپلیکیشن وب مبتنی بر Next.js برای ارائه صفحات عمومی (Landing) به همراه احراز هویت و شمای ناوبری مرکزی جهت معرفی پروژه‌ها و مسیرهای دسترسی.

توجه: در برخی بخش‌ها توضیح داده شده کدام قسمت‌ها هنوز کامل نیستند.

ویژگی‌ها

• صفحه فرود شامل بخش‌های Header، About Us و Projects با طراحی واکنش‌گرا.
• ناوبری یکپارچه با نوار بالا (Navbar)، لوگو و سوئیچ تم.
• پانوشت (Footer) مشترک و قابل استفاده مجدد.
• احراز هویت شامل صفحات ورود و ثبت‌نام، به‌همراه اعتبارسنجی سمت کلاینت.
• اسکرول نرم با Lenis برای تجربه کاربری روان.

output_5.mp4

معماری و ساختار

src/
├─ app/
│  ├─ (auth)/           # لایه‌بندی صفحات ورود/ثبت‌نام و فرم‌ها (اعتبارسنجی انجام شده؛ اتصال به backend هنوز تکمیل نیست)
│  ├─ (main)/           # لایه اصلی شامل Landing، ناوبری و پانوشت
│  ├─ layout.tsx        # لایه‌بندی ریشه
│  └─ page.tsx          # صفحه Landing
├─ components/
│  ├─ navbar/           # نوار ناوبری با لوگو و سوئیچ تم (تکمیل)
│  ├─ footer/           # پانوشت مشترک (تکمیل)
│  └─ common/           # اجزای مشترک (تکمیل)
├─ styles/              # استایل‌های سراسری و متغیرهای تم (تکمیل)
└─ lib/                 # ابزارها/توابع کمکی (در صورت نیاز؛ ممکن است بعداً افزوده شود)

• صفحات Landing و بخش‌های About/Projects پیاده‌سازی شده‌اند و واکنش‌گرا هستند.
• فرم‌های احراز هویت و اعتبارسنجی تکمیل شده‌اند؛ اتصال به سرویس احراز هویت/پایگاه داده در مرحله بعد اضافه می‌شود.
• پیمایش نرم با Lenis در لایه ارائه فعال است.

output_6.mp4

راه‌اندازی

پیش‌نیازها

• Node.js 18+
• pnpm یا npm

نصب

pnpm install
# یا
npm install

اجرا (Dev)

pnpm dev
# یا
npm run dev

ساخت (Build)

pnpm build && pnpm start
# یا
npm run build && npm start

تکنولوژی‌ها

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• Lenis (Smooth Scrolling)

نقشه ادامه کار

• اتصال لایه احراز هویت به سرویس/پایگاه‌داده (به‌روزرسانی بعدی)
• اضافه‌کردن منبع داده برای لیست پروژه‌ها و جزئیات هر پروژه
• بهبود SEO و متاداده برای اشتراک‌گذاری
• افزودن تست‌های واحد برای کامپوننت‌های کلیدی

یادداشت‌های تکمیلی

• اعتبارسنجی فرم‌های ورود و ثبت‌نام پیاده‌سازی شده است؛ فرایند ورود واقعی پس از اتصال backend فعال خواهد شد.
• محتوای بخش Projects فعلاً نمونه/استاتیک است و با منبع داده پویا جایگزین خواهد شد.
• تم و سوئیچ نور/تاریکی فعال است؛ پیکربندی تم‌های اضافی در برنامه کار قرار دارد.

مجوز

MIT