آنچه یاد خواهید گرفت:
ساخت یک اپلیکیشن وب فولاستک با Next.js 15 (App Router) و Supabase برای توسعه بخشهای بکاند و فرانتاند
پیادهسازی احراز هویت ایمن کاربران و کنترل دسترسی مبتنی بر نقش برای مدیران، اهداکنندگان و دریافتکنندگان
طراحی و مدیریت گردشکارهای پیچیده برای درخواستها، تأییدها و پیگیری اهدای خون
ایجاد رابطهای کاربری کاملاً واکنشگرا با Tailwind CSS و کامپوننتهای Shadcn UI
مدیریت مؤثر state اپلیکیشن با Zustand و استقرار یک اپلیکیشن آماده تولید در Vercel
پیشنیازهای دوره
درک اولیه از جاوا اسکریپت، اچ تی ام ال و سی اس اس
آشنایی با اصول ریاکت مفید است، اما الزامی نیست.
توضیحات دوره
به دوره اپلیکیشن مدیریت اهدای خون با Next.js 15 و Supabase خوش آمدید؛ جایی که یاد میگیرید با جدیدترین پشته مدرن وب، یک اپلیکیشن وب فولاستک و آماده تولید بسازید. این پروژه بر ساخت یک سیستم واقعی برای مدیریت درخواستهای اهدای خون، تأییدها و نقشهای کاربری تمرکز دارد و به شما کمک میکند همزمان با ساخت یک محصول کاربردی، مهارتهای توسعه فولاستک خود را تقویت کنید.
پشته فناوری مورد استفاده:
Next.js 15 (App Router) برای فرانتاند و بکاند
Supabase برای پایگاه داده، احراز هویت و ذخیرهسازی
Tailwind CSS برای استایلدهی واکنشگرا
Shadcn UI برای کامپوننتهای تمیز و یکدست
Zustand برای مدیریت state سبکوزن وضعیت
آنچه خواهید ساخت: (نکات برجسته سرفصل)
احراز هویت کاربر: ثبتنام، ورود و خروج با Supabase
دسترسی مبتنی بر نقش: نقشهای مدیر، اهداکننده و دریافتکننده با مجوزهای مشخص
ویژگیهای دریافتکننده: ثبت درخواست اهدای خون با فرمها و مدارک معتبر
ویژگیهای مدیر: مشاهده، تأیید یا رد درخواستهای اهدای خون و مدیریت کاربران (مشاهده، ارتقا یا غیرفعالسازی حسابها)
ویژگیهای اهداکننده: مشاهده درخواستهای تأییدشده اهدای خون و ثبت جزئیات اهدا برای تایید
پیگیری اهدا: مدیر میتواند ارسالهای اهدا را بررسی کرده و آنها را بهعنوان تکمیلشده علامتگذاری کند.
داشبورد دریافتکننده: پیگیری وضعیت درخواستها و اهداهای دریافتشده
سیستم پاداش (در آینده): اهداکنندگان برای اهداهای موفق امتیاز دریافت میکنند.
مدیریت State: مدیریت مؤثر State سراسری با Zustand
طراحی کاملاً واکنشگرا: عملکرد روان در دستگاههای موبایل و دسکتاپ
استقرار کامل با Vercel و Supabase
یادگیری پروژهمحور و مبتنی بر کدنویسی، همراه با سورسکد کامل در GitHub
چرا این دوره را بگذرانید؟
در پایان این دوره، یک اپلیکیشن مدیریت اهدای خون کاملاً کاربردی خواهید داشت و با اطمینان میتوانید پروژههای فولاستک مشابه بسازید. این دوره عملی، مهارتهای کاربردی لازم را برای استفاده در پروژههای واقعی در اختیار شما میگذارد و به شما کمک میکند مسیر حرفهای خود را بهعنوان یک توسعهدهنده وب مدرن پیش ببرید.
این دوره برای چه کسانی مناسب است؟
توسعهدهندگان وب مبتدی تا متوسط که میخواهند با توسعه فولاستک مدرن با Next.js 15 و Supabase تجربه عملی کسب کنند.
توسعهدهندگانی که به ساخت اپلیکیشنهای واقعی و آماده تولید با قابلیتهای کاربردی مانند احراز هویت، دسترسی مبتنی بر نقش و مدیریت داده علاقهمند هستند.
هر کسی که میخواهد همزمان با یادگیری یکپارچهسازی سرویسهای بکاند و پایگاههای داده، مهارتهای ریاکت و جاوا اسکریپت خود را تقویت کند.
دانشجویان، فریلنسرها یا متخصصانی که میخواهند یک پروژه کامل به پورتفولیوی خود اضافه کنند تا تواناییهای توسعه فولاستک آنها را نشان دهد.
یادگیرندگانی که به ساخت اپلیکیشنهایی با اثر اجتماعی، مانند مدیریت درخواستهای اهدای خون و پیگیری اهداها علاقه دارند.