15 free websites that can help with UI design, coding practice, GitHub visualization, developer tools, programming books, CSS components, icons, and much more.

Websites included:
• https://easingwizard.com/
• https://free-for.dev/
• https://gitdiagram.com/
• https://it-tools.tech/
• https://css-loaders.com/
• https://transform.tools/
• https://quickref.me/
• https://lnkd.in/gz9SH8_y
• https://htmlrev.com/
• https://staying.fun/en
• https://lnkd.in/g6wV5mNs
• https://www.svgrepo.com/
• https://exercism.org/
• https://uiverse.io/
• https://smolcss.dev/

If you found this collection useful, save it for future reference and share it with another developer who might benefit.

Which website are you going to use first?

Resource:
https://www.linkedin.com/posts/shubh-veer-419a36186_developer-programming-webdevelopment-share-7475818595621670912-_bb3


#Developer #Programming #WebDevelopment #SoftwareEngineer #Coding #Frontend #Backend #GitHub #WebDesign #JavaScript #Python #ReactJS #CSS #DeveloperTools #TechResources

React Hooks

#react
#javascript
#typescript
#hook

بعد کلی شب‌بیداری و روزهایی که سر کردم، بالاخره تموم شد! 😄

پروژه نوشجان رو به پایان رسوندم! 🎉
پلتفرمی که توش رستوران‌ها می‌تونن با پرسنل‌های خودشون (گارسون، آشپز، پیک و...) غذاهای خودشون رو مدیریت کنن و مشتری‌ها به‌راحتی سفارش بدن. هر رستوران درخواست می‌ده، تایید می‌شه و وارد سیستم می‌شه. البته کلی قابلیت دیگه هم هست که هنوز مونده... ولی فعلاً دیگه خسته شدم! 😁

از همون اول هدفم این بود که پروژه تمیز و قابل توسعه باشه. برای همین روی معماری و ساختار کد خیلی حساس بودم. حتی نسخه‌بندی API رو پیاده کردم که برای پروژه‌های بعدی یه یادگار خوب باشه!

تکنولوژی‌هایی که توش استفاده کردم:
بک‌اند: Laravel API، MySQL، Redis، Sanctum
فرانت‌اند: React، Axios، SWR، Shadcn UI، TailwindCSS 3، Lucide Icons

نکات مهمی که توی این پروژه پیاده کردم یا یاد گرفتم:

· نسخه‌بندی API
· معماری MVC
· تراکنش‌های ACID
· ساختار پوشه‌بندی اصولی
· مدل‌سازی دیتابیس و دیتاهای آماده مثل نقش‌ها و دسترسی‌ها
· سیدینگ هم برای محیط توسعه و هم پروداکشن
· استفاده از هوش مصنوعی به عنوان "کارگر" نه "خالق"
· پنل‌های جداگانه برای ادمین و پرسنل با منو و دسترسی‌های متفاوت

هنوز کلی فیچر دیگه هم می‌شه روش اضافه کرد، ولی فعلاً یه استراحت کوچیک به خودم می‌دم! 😅

#Laravel #React #FullStackDeveloper #WebDevelopment #FoodDelivery #Tech #SoftwareArchitecture #Programming #PHP #JavaScript #TailwindCSS #Redis #MySQL #LaravelSanctum #CleanCode #MVC

کتابخانه کامپوننت 𝗙𝗮𝗿𝘀𝗶𝗨𝗜 منتشر شد 🚀
یک کتابخانه رابط کاربری و 𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘆𝘀𝘁𝗲𝗺 برای 𝗥𝗲𝗮𝗰𝘁 است؛ از ابتدا برای طراحی رابطهای کاربری فارسی بازطراحی شده است.

• ۵۰۰+ کامپوننت و بلوک آماده
• با ۶ 𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘆𝘀𝘁𝗲𝗺 مختلف
• تقویم شمسی
• اعداد فارسی بهصورت پیشفرض
• همه کامپوننتها بهصورت کامل راست چین شده اند
• کامپوننتهای مخصوص رابطهای فارسی؛ مثل کد ملی، شماره کارت، شماره شبا و پلاک خودرو
• نصب و استفاده آسان
• نصب راحت با 𝗖𝗟𝗜
• پشتیبانی از 𝗠𝗖𝗣
+ دمو آنلاین کامپوننتها

⭐ اگر 𝗙𝗮𝗿𝘀𝗶𝗨𝗜 براتون جالبه، با یک 𝗦𝘁𝗮𝗿 از پروژه حمایت کنید.
این پروژه یک 𝗙𝗼𝗿𝗸 از 𝘀𝗵𝗮𝗱𝗰𝗻/𝘂𝗶 و متنباز است، اگر توسعهدهنده هستید، خوشحال میشیم در توسعه و بهبود 𝗙𝗮𝗿𝘀𝗶𝗨𝗜 مشارکت کنید.

🌐 𝗪𝗲𝗯𝘀𝗶𝘁𝗲: https://FarsiUI.ir
💻 𝗚𝗶𝘁𝗛𝘂𝗯: https://github.com/MiladJoodi/FarsiUI
📥 𝗻𝗽𝗺: https://www.npmjs.com/package/farsiui


#FarsiUI #React #NextJS #TypeScript #TailwindCSS #UIDesign #DesignSystem #ComponentLibrary #Frontend #FrontendDevelopment #WebDevelopment #OpenSource #RTL #JavaScript #WebDesign #DeveloperTools

🚀 و McpLite – بدون نیاز به API هوش مصنوعی، فقط با چت با AI کارها را با JSON اجرا کنید

از لایه‌های پیچیده ارکستراسیون خسته شده‌اید که فقط برای اجرای چند دستور توسط مدل‌تان لازم است؟ من McpLite را ساختم – یک CLI بدون دیمون و بدون شبکه که یک آرایه JSON از فراخوانی ابزارها را داخل پروژه شما اجرا می‌کند. عالی برای دادن دسترسی امن و قابل حسابرسی به LLMها برای تعامل با کدبیس شما.

چرا McpLite؟

🧠 سازگار با LLM – یک آرایه ورودی، یک لاگ خروجی. مدل هرگز «به یاد نمی‌آورد»؛ لاگ حافظه است.

🔍 قابل حسابرسی – هر فراخوانی در JSON متنی ساده ثبت می‌شود.

🪶 کوچک – شش ابزار (bash، read، write، edit، glob، grep) و یک اجراکننده. کل کدبیس را در یک نشست بخوانید.

🔒 امن – مهار مسیر، بررسی ابهام، اجرای ترتیبی.

⚡ بدون تنظیمات – فقط نصب سراسری، سپس init و run.

شروع سریع:

npm i -g @abolweb/mcplite
mcplite init

دسته JSON خود را در mcplite-tasks.json جای‌گذاری کنید

mcplite run

مدل با یک آرایه JSON از فراخوانی ابزارها پاسخ می‌دهد، شما آن را جای‌گذاری می‌کنید، CLI را اجرا می‌کنید و لاگ را برمی‌گردانید. تکرار کنید. این ساده‌ترین راه برای دادن دسترسی عملی به LLM به پروژه شما بدون یک چارچوب کامل ایجنت است.

روی macOS، Linux و Windows (WSL/Git Bash) کار می‌کند. به Node 18 یا جدیدتر نیاز دارد.

👉 امتحان کنید: npx mcplite --help
📦 گیت‌هاب:
https://github.com/abolraj/MCP lite

npm i -g @abolweb/mcplite

💬 بازخورد شما خوشحال‌کننده است – چه ابزارهایی را بعداً اضافه می‌کنید؟

#AI #LLM #OpenSource #DevTools #CLI #JavaScript #NodeJS #MCP #Productivity #npm #Automation #AgenticAI