https://github.com/academy-redmaster/toplearn-course-framework-router-v7-app
toplearn-course-framework-router-v7-app Public
https://github.com/academy-redmaster/toplearn-course-framework-router-v7-app
bun express heroui mongodb react reactrouter reactrouterv7
Last synced: 7 months ago
JSON representation
toplearn-course-framework-router-v7-app Public
- Host: GitHub
- URL: https://github.com/academy-redmaster/toplearn-course-framework-router-v7-app
- Owner: academy-redmaster
- Created: 2025-01-19T21:25:15.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-03-10T13:38:34.000Z (8 months ago)
- Last Synced: 2025-03-10T14:35:14.182Z (8 months ago)
- Topics: bun, express, heroui, mongodb, react, reactrouter, reactrouterv7
- Language: JavaScript
- Homepage: https://redmaster.academy/
- Size: 2.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 **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️⃣ کلون کردن مخزن
ابتدا مخزن پروژه را با دستور زیر کلون کنید:
```bash
git clone https://github.com/academy-redmaster/router-v7-heroui-app.git
```
### 2️⃣ ورود به پوشه پروژه
```bash
cd toplearn-course-framework-router-v7-app
npm install
```
### 3️⃣ اجرای پروژه
```bash
npm run dev
```
---
## 📄 **مستندات API**
برای مشاهده مستندات API، به آدرس زیر مراجعه کنید:
[Swagger Documentation](http://localhost:8008/api-docs)
---
## 📬 **تماس با ما**
در صورت نیاز به اطلاعات بیشتر، از طریق اطلاعات زیر با ما تماس بگیرید:
- 📧 ایمیل: mr.redmasterr@gmail.com
- 🌐 وب‌سایت: [Redmaster Academy](https://redmaster.academy/)
---
## 🤝 **مشارکت در پروژه**
مشارکت شما باعث رشد این پروژه می‌شود! ❤️
1. فورک کنید.
2. تغییرات خود را اعمال کنید.
3. Pull Request ارسال کنید.
با آرزوی موفقیت برای شما در یادگیری و توسعه! 😄