2Pro React - Professional React Dashboard Template

2Pro React - قالب داشبورد حرفه‌ای React

🌟 Features | ویژگی‌ها

• طراحی مدرن و حرفه‌ای: رابط کاربری زیبا و کاربرپسند با استفاده از Tailwind CSS
• کامپوننت‌های پیشرفته: استفاده از Radix UI برای کامپوننت‌های قابل دسترس و قابل تنظیم
• انیمیشن‌های روان: انیمیشن‌های حرفه‌ای با Framer Motion
• نمودارهای تعاملی: نمایش داده‌ها با Chart.js و Recharts
• فرم‌های پیشرفته: مدیریت فرم با React Hook Form و اعتبارسنجی با Yup
• رابط کاربری واکنش‌گرا: سازگار با تمام دستگاه‌ها
• پشتیبانی از RTL: طراحی کامل برای زبان‌های راست به چپ
• بهینه‌سازی عملکرد: استفاده از Vite برای سرعت بالا در توسعه و تولید
• PWA Ready: پشتیبانی از Progressive Web App

• Modern & Professional Design: Beautiful and user-friendly interface using Tailwind CSS
• Advanced Components: Using Radix UI for accessible and customizable components
• Smooth Animations: Professional animations with Framer Motion
• Interactive Charts: Data visualization with Chart.js and Recharts
• Advanced Forms: Form management with React Hook Form and validation with Yup
• Responsive UI: Compatible with all devices
• RTL Support: Full support for right-to-left languages
• Performance Optimized: Using Vite for high-speed development and production
• PWA Ready: Progressive Web App support

🛠️ Technologies | تکنولوژی‌ها

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Radix UI
• Framer Motion
• Chart.js & Recharts
• React Hook Form
• Yup
• ESLint
• PWA Support

🚀 Getting Started | شروع کار

پیش‌نیازها

• Node.js (نسخه 14 یا بالاتر)
• npm یا yarn

نصب

# کلون کردن مخزن
git clone https://github.com/darkcode-it/2pro-react.git

# ورود به دایرکتوری پروژه
cd 2pro-react

# نصب وابستگی‌ها
npm install

# اجرای پروژه در محیط توسعه
npm run dev

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/darkcode-it/2pro-react.git

# Navigate to project directory
cd 2pro-react

# Install dependencies
npm install

# Run development server
npm run dev

📦 Available Scripts | اسکریپت‌های موجود

• npm run dev: اجرای سرور توسعه
• npm run build: ساخت نسخه تولید
• npm run preview: پیش‌نمایش نسخه تولید
• npm run lint: بررسی کد با ESLint
• npm run deploy: استقرار در GitHub Pages

• npm run dev: Run development server
• npm run build: Build for production
• npm run preview: Preview production build
• npm run lint: Run ESLint
• npm run deploy: Deploy to GitHub Pages

🌐 Live Demo | نسخه آنلاین

Visit the live demo: 2Pro React Demo

🤝 Contributing | مشارکت

از مشارکت شما در بهبود این پروژه استقبال می‌کنیم. لطفاً برای مشارکت:

1. پروژه را fork کنید
2. یک شاخه جدید ایجاد کنید (git checkout -b feature/AmazingFeature)
3. تغییرات خود را commit کنید (git commit -m 'Add some AmazingFeature')
4. به شاخه خود push کنید (git push origin feature/AmazingFeature)
5. یک Pull Request ایجاد کنید

Contributions are welcome! To contribute:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License | لایسنس

این پروژه تحت لایسنس MIT منتشر شده است. برای اطلاعات بیشتر فایل LICENSE را مشاهده کنید.

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author | نویسنده

• Dark Code IT
• GitHub: @darkcode-it

---

با تشکر از شما برای استفاده از 2Pro React! امیدواریم این پروژه برای شما مفید باشد. از ذکر نام بنده در هر جای پروژه تون که دوست داشتید متشکرم و در خدمت جامعه اپن سورس هستم.

Thank you for using 2Pro React! We hope this project serves you well.