Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

An advanced and user-friendly TODO management project using modern technologies and beautiful design. An educational project with React Router DOM.
https://github.com/academy-redmaster/toplearn-course-router-v6-app

bun express mongodb nextui react reactrouterdom tailwindcss

Last synced: 16 days ago
JSON representation

An advanced and user-friendly TODO management project using modern technologies and beautiful design. An educational project with React Router DOM.

Host: GitHub
URL: https://github.com/academy-redmaster/toplearn-course-router-v6-app
Owner: academy-redmaster
Created: 2024-11-17T14:33:13.000Z (3 months ago)
Default Branch: master
Last Pushed: 2025-01-08T07:17:03.000Z (28 days ago)
Last Synced: 2025-01-08T08:26:00.572Z (28 days ago)
Topics: bun, express, mongodb, nextui, react, reactrouterdom, tailwindcss
Language: JavaScript
Homepage: https://redmaster.academy/
Size: 990 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🚀 **Router-V6-App**

به **Router-V6-App** خوش آمدید! 🌟

یک پروژه پیشرفته و کاربرپسند برای مدیریت TODOها با استفاده از فناوری‌های روز و طراحی زیبا. 💻

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

**Router-V6-App**

این دوره به آموزش کتابخانه React Router DOM اختصاص دارد. در این دوره، به‌طور جامع با این ابزار قدرتمند آشنا خواهید شد و یاد می‌گیرید که چگونه از آن برای مدیریت مسیریابی در برنامه‌های React خود استفاده کنید. با بهره‌گیری از بهترین شیوه‌ها و تکنیک‌های روز، می‌توانیم تجربه کاربری بی‌نظیری بسازیم که کاربران به راحتی بتوانند در برنامه شما حرکت کنند. این دوره برای توسعه‌دهندگان علاقه‌مند به یادگیری ابزارهای مدرن و پیشرفته در دنیای React طراحی شده است.

### 🔹 **ویژگی‌های فنی**
#### **Frontend**
- **React**: مدیریت رابط کاربری پیشرفته و دینامیک
- **React Router DOM**: مسیریابی پیشرفته برای تجربه کاربری بی‌نظیر
- **TailwindCSS** و **NextUI**: طراحی زیبا و واکنش‌گرا، بدون پیچیدگی

#### **Backend**
- **Bun**: اجرای سریع و بهینه برای سرعت بیشتر
- **Express**: توسعه سریع API‌ها با استفاده از چارچوب محبوب
- **MongoDB**: پایگاه داده منعطف و قدرتمند برای ذخیره‌سازی داده‌ها

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

- 🔗 **React Router DOM**: مسیریابی پیشرفته و پویا.
- 🎨 **TailwindCSS** و **NextUI**: ایجاد رابط کاربری جذاب و منحصربه‌فرد.
- ⚡ **Bun**: افزایش سرعت در توسعه و اجرا.
- 🗂️ ساختار پروژه سازمان‌یافته برای توسعه آسان‌تر.
- 📄 مستندات کامل **Swagger** برای سهولت تعامل با API.

## 🚀 **نصب و راه‌اندازی**

### مراحل نصب

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

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

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

```bash
git clone https://github.com/academy-redmaster/toplearn-course-router-v6-app.git
```

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

```bash
cd toplearn-course-router-v6-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 ارسال کنید و در توسعه پروژه مشارکت داشته باشید.
با آرزوی موفقیت برای شما در استفاده و توسعه این پروژه! 😄