https://github.com/academy-redmaster/toplearn-course-router-v7-app

Hello and welcome! A modern and educational project demonstrating advanced routing concepts with React Router v7, featuring clean code and practical examples.
https://github.com/academy-redmaster/toplearn-course-router-v7-app

react reactrouterv7

Last synced: 11 days ago
JSON representation

Hello and welcome! A modern and educational project demonstrating advanced routing concepts with React Router v7, featuring clean code and practical examples.

• Host: GitHub
• URL: https://github.com/academy-redmaster/toplearn-course-router-v7-app
• Owner: academy-redmaster
• Created: 2024-12-15T11:51:08.000Z (23 days ago)
• Default Branch: master
• Last Pushed: 2024-12-21T10:29:22.000Z (17 days ago)
• Last Synced: 2024-12-21T11:23:52.621Z (17 days ago)
• Topics: react, reactrouterv7
• Language: JavaScript
• Homepage: https://redmaster.academy
• Size: 471 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 **Router-V7-App**

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

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

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

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

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

### **Frontend**

- **React 18**: استفاده از نسخه جدید React برای کارایی بهتر و هماهنگی با قابلیت‌های مدرن.

- **React Router v7**: مسیریابی پیشرفته با هوک‌ها و ابزارهای جدید.

- **NextUI**: کامپوننت‌های مدرن و زیبا برای طراحی رابط کاربری.

- **Framer Motion**: ایجاد انیمیشن‌های روان و حرفه‌ای.

- **TailwindCSS**: استایل‌دهی سریع و ماژولار با تمرکز بر طراحی واکنش‌گرا.

- **React Toastify**: نمایش اعلان‌های کاربرپسند و قابل تنظیم.

- **Remix Icon**: استفاده از آیکون‌های زیبا برای غنی‌سازی تجربه کاربری.

### **Backend**

- **Node.js (Bun)**: پلتفرمی سریع و مدرن برای اجرای کدهای جاوااسکریپت.

- **Express.js**: ایجاد APIهای مقیاس‌پذیر و بهینه.

- **MongoDB**: مدیریت داده‌ها به صورت مقیاس‌پذیر و انعطاف‌پذیر.

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

- 🔗 **React Router v7**: مدیریت مسیرهای داینامیک و پیچیده به سادگی.

- 🎨 **NextUI** و **TailwindCSS**: ترکیب زیبایی‌شناسی مدرن و انعطاف‌پذیری بالا.

- 🎥 **Framer Motion**: طراحی انیمیشن‌های حرفه‌ای برای تجربه‌ای جذاب‌تر.

- ⚡ **بهره‌وری بالا** با استفاده از **Bun** برای اجرای سریع‌تر سرور.

- 🗂️ **ساختار پروژه ماژولار** برای تسهیل در توسعه و نگهداری.

- 🔒 مدیریت امنیت با ابزارهایی مانند **JWT Decode** برای احراز هویت توکن.

---

### مراحل نصب

برای شروع استفاده از پروژه، کافی است مراحل زیر را دنبال کنید:

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

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

```bash

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

```

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

به دایرکتوری پروژه وارد شوید:

```bash

cd toplearn-course-router-v7-app

npm install

```

3️⃣ راه‌اندازی سرور

بعد از نصب وابستگی‌ها، برای اجرای پروژه دستور زیر را وارد کنید:

```bash

npm run dev

```

## 📄 مستندات API

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

[Swagger Documentation](http://localhost:8008/api-docs)

## 📬 تماس با ما

برای سوالات، پیشنهادات یا هرگونه مشکل، می‌توانید با ما از طریق ایمیل زیر در ارتباط باشید:

~~~

📧 ایمیل: [email protected]

🌐 وب‌سایت: [Redmaster Academy](https://redmaster.academy/)

~~~

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

مشارکت شما در پروژه بسیار ارزشمند است! ❤️

یک فورک از پروژه ایجاد کنید.

تغییرات خود را اعمال کنید.

یک Pull Request ارسال کنید و در توسعه پروژه مشارکت داشته باشید.

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