🚀 Router-V7-HeroUI-App

به Framework React Router V7 خوش آمدید! 🌟

یک پروژه پیشرفته و ماژولار برای مدیریت TODOها با بهره‌گیری از جدیدترین ابزارها و قابلیت‌های React Router v7 و طراحی زیبا با استفاده از HeroUI. 💻

---

📖 درباره پروژه

Router-V7-HeroUI-App با هدف ارائه تجربه‌ای حرفه‌ای در یادگیری و استفاده از React Router v7 طراحی شده است. این پروژه شما را با ویژگی‌های جدید این کتابخانه آشنا کرده و امکان توسعه برنامه‌هایی انعطاف‌پذیر و کاربرپسند را فراهم می‌آورد.

---

🔹 ویژگی‌های فنی

Frontend

• React 18: بهره‌گیری از آخرین نسخه React برای عملکرد بهتر.
• React Router v7: مسیریابی پیشرفته با ابزارهای مدرن و ساده.
• HeroUI: مجموعه کامپوننت‌های زیبا و کاربردی برای طراحی رابط کاربری.
• TailwindCSS: ابزار استایل‌دهی سریع و واکنش‌گرا.
• React Toastify: نمایش اعلان‌های کاربرپسند و قابل تنظیم.
• Remix Icon: آیکون‌های متنوع برای غنی‌تر کردن تجربه کاربری.

Backend

• Node.js: پلتفرم قدرتمند برای اجرای کدهای سمت سرور.
• Express.js: ایجاد APIهای بهینه و مقیاس‌پذیر.
• MongoDB: مدیریت داده‌ها به صورت انعطاف‌پذیر و مقیاس‌پذیر.

---

🎯 ویژگی‌های کلیدی پروژه

• 🔗 React Router v7: مسیریابی داینامیک و پیچیده به سادگی.
• 🎨 HeroUI و TailwindCSS: طراحی مدرن و انعطاف‌پذیر.
• 📦 ساختار ماژولار پروژه: تسهیل در نگهداری و توسعه.
• 🔒 مدیریت امنیت: استفاده از JWT برای احراز هویت امن.

---

🛠️ مراحل نصب

1️⃣ کلون کردن مخزن

ابتدا مخزن پروژه را با دستور زیر کلون کنید:

git clone https://github.com/academy-redmaster/router-v7-heroui-app.git

2️⃣ ورود به پوشه پروژه

cd toplearn-course-framework-router-v7-app
npm install

3️⃣ اجرای پروژه

npm run dev

---

📄 مستندات API

برای مشاهده مستندات API، به آدرس زیر مراجعه کنید:

Swagger Documentation

---

📬 تماس با ما

در صورت نیاز به اطلاعات بیشتر، از طریق اطلاعات زیر با ما تماس بگیرید:

• 📧 ایمیل: mr.redmasterr@gmail.com
• 🌐 وب‌سایت: Redmaster Academy

---

🤝 مشارکت در پروژه

مشارکت شما باعث رشد این پروژه می‌شود! ❤️

1. فورک کنید.
2. تغییرات خود را اعمال کنید.
3. Pull Request ارسال کنید.

با آرزوی موفقیت برای شما در یادگیری و توسعه! 😄