پلتفرم آموزشی آنلاین با رابط کاربری مدرن و تجربه کاربری حرفه‌ای
AwesomeCourses یک پلتفرم آموزشی آنلاین است که به کاربران امکان می‌دهد در دوره‌های مختلف ثبت‌نام کرده و پیشرفت خود را به صورت گام‌به‌گام پیگیری کنند. این بخش، فرانت‌اند پروژه است که با استفاده از جدیدترین تکنولوژی‌های وب ساخته شده است.
- ارائه یک رابط کاربری مدرن، زیبا و ریسپانسیو
- پیاده‌سازی تجربه کاربری (UX) حرفه‌ای با بازخوردهای بصری مناسب
- مدیریت ایمن و بهینه داده‌ها با TypeScript
- هماهنگی کامل با بک‌اند از طریق RESTful API
- ✅ ثبت‌نام و ورود با احراز هویت JWT
- ✅ داشبورد شخصی با نمایش دوره‌های ثبت‌نام شده
- ✅ پیگیری پیشرفت دوره‌ها با نوار پیشرفت
- ✅ چک‌لیست تعاملی برای تایید مراحل یادگیری
- ✅ پیام تبریک هنگام تکمیل دوره
- ✅ پنل مدیریت حرفه‌ای با سیستم تب‌بندی
- ✅ ایجاد، ویرایش و حذف دوره‌ها
- ✅ به‌روزرسانی بهینه (Optimistic UI Update)
- ✅ مدیریت خطا و پیام‌های گویا
- ✅ طراحی کاملاً ریسپانسیو (موبایل، تبلت، دسکتاپ)
- ✅ انیمیشن‌ها و ترنزیشن‌های نرم
- ✅ حالت لودینگ و پیام‌های خطای واضح
- ✅ جلوگیری از کلیک‌های تکراری (Debounce)
| تکنولوژی | نسخه | کاربرد |
|---|---|---|
| React | 18.3 | کتابخانه اصلی UI |
| TypeScript | 5.0 | تایپ‌سیفتی و کد قابل نگهداری |
| Vite | 5.0 | ابزار ساخت و توسعه سریع |
| تکنولوژی | کاربرد |
|---|---|
| React Router DOM | مسیریابی سمت کلاینت |
| Context API | مدیریت State احراز هویت |
| TanStack Query | مدیریت State سرور و کش کردن |
| تکنولوژی | کاربرد |
|---|---|
| Tailwind CSS | استایل‌دهی utility-first |
| Lucide React | آیکون‌های مدرن و سبک |
| تکنولوژی | کاربرد |
|---|---|
| Axios | ارسال درخواست‌های HTTP |
| JWT | احراز هویت مبتنی بر توکن |
- Node.js نسخه 18 یا بالاتر
- npm یا yarn یا pnpm
۱. کلون کردن مخزن:
git clone https://github.com/your-username/awesomecourses-frontend.git
cd awesomecourses-frontend