کاملترین چکلیست فرانتاند به زبان فارسی با طراحی حرفهای، رابط کاربری پویا و قابلیت پیگیری پیشرفت!
این پروژه یک چکلیست حرفهای برای توسعهدهندگان فرانتاند است که به آنها کمک میکند مسیر یادگیری، انجام پروژهها یا بررسی نکات مهم توسعه فرانتاند را بهصورت مرحلهای و بصری دنبال کنند. همهچیز به زبان فارسی طراحی شده و تجربه کاربری و رابط کاربری آن بسیار حرفهای و واکنشگرا است.
- رابط کاربری کاملاً فارسی و راستچین (RTL)
- پیگیری پیشرفت کلی پروژه و هر دستهبندی
- بخشبندی مطالب و آیتمها بهصورت داینامیک
- امکان سوییچ به حالت شب (Dark Mode)
- قابلیت خروجی گرفتن (Export) از وضعیت چکلیست (در حال توسعه)
- انیمیشنهای زیبا و تعاملی
- مناسب برای استفاده شخصی یا آموزشی
├── index.html # ساختار HTML صفحه اصلی ├── style.css # استایلهای سفارشی پروژه ├── scriipt.js # اسکریپتهای مدیریت چکلیست و تعاملات └── README.md # فایل توضیحات پروژه (همین فایل)
نکته: نام فایل JavaScript به اشتباه
scriipt.jsنوشته شده است. توصیه میشود بهscript.jsتغییر یابد.
git clone https://github.com/username/frontend-checklist-pro.git
cd frontend-checklist-pro
✅ مرحله ۲: اجرا در مرورگر
فایل index.html را با مرورگر خود باز کنید:
bash
Copy
Edit
start index.html # ویندوز
open index.html # مک
این پروژه نیاز به سرور ندارد و به صورت Static اجرا میشود.
🔧 تکنولوژیهای استفادهشده
HTML5 + CSS3
JavaScript (Vanilla)
فونت فارسی Vazirmatn (Google Fonts)
طراحی واکنشگرا (Responsive)
ساختار ماژولار و بهینهسازیشده
💡 ایدههایی برای توسعه بیشتر
ذخیرهسازی پیشرفت کاربر در LocalStorage یا دیتابیس
افزودن قابلیت جستجو در چکلیستها
پشتیبانی از import/export فایل JSON
حالت کاربری (User Mode) برای چند نفر
قابلیت نشانگذاری آیتمهای مهم (Favorites)
نسخه تحت موبایل یا اپلیکیشن PWA
🙌 مشارکت در توسعه
اگر علاقهمند به همکاری در توسعه این پروژه هستید:
پروژه را فورک کنید
تغییرات خود را در یک شاخه جدید اعمال کنید
Pull Request بفرستید
📄 لایسنس
این پروژه تحت مجوز MIT منتشر شده است. شما آزاد هستید برای استفاده شخصی، آموزشی یا تجاری از آن بهره ببرید. فقط برای پروزه استار حتما بدهید
✨ توسعهدهنده
ساخته شده با ❤️ توسط [نام شما]
📧 ایمیل: mohammadmoradiann20@gmail.com
📱 اینستاگرام: @codeino_mohammad
🌟 اگر این پروژه برات مفید بود...
🌟 لطفاً پروژه رو استار کن
📤 به دوستانت معرفی کن
✅ و استفاده کن برای بهبود مهارتهای فرانتاندت!
---