Awesome GitHub RepositoriesTypeScript

vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units. The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, al

This is a TypeScript web framework and Node.js backend framework used to build web applications and API servers. It serves as a server-side application toolkit providing a structured environment for managing HTTP routing, request parsing, and application configuration. The framework features a dependency injection container to deliver required objects between application components, decoupling internal logic. It includes built-in tools for server-side data security, such as cryptographic drivers for hashing sensitive data and encrypting application data at rest. The project covers broad capa

Naive UI is a Vue 3 component library and type-safe UI framework designed for building web application interfaces. It functions as a themeable design system that provides a collection of pre-built user interface components. The library utilizes a JavaScript-object-based theme engine to customize visual styles without relying on CSS variables or external stylesheets. It includes a virtual list renderer to maintain performance when displaying large datasets by rendering only the items visible within the viewport. The framework integrates with TypeScript to provide prop validation and type-safe

Fresh هو إطار عمل ويب من جانب الخادم لوقت تشغيل Deno مصمم لبناء مواقع الويب مع دعم TypeScript الأصلي. يعمل كمُعرض من جانب الخادم بدون JavaScript يرسل فقط HTML إلى المتصفح افتراضياً للقضاء على حمل وقت التشغيل من جانب العميل. يطبق إطار العمل بنية الجزر (islands architecture)، التي تقدم HTML ثابتاً وتنشط JavaScript بشكل انتقائي فقط لمكونات تفاعلية محددة. يستخدم موجهاً قائماً على نظام الملفات يقوم تلقائياً بتعيين هياكل الدليل وأسماء الملفات لأنماط URL دون الحاجة إلى ملف تكوين مركزي. تغطي المنصة العرض من جانب الخادم، وتحديثات الصفحة التزايدية، وتجميع أصول الإنتاج مع تجزئة المحتوى. يوفر نصاً لتمهيد المشروع لتهيئة بيئة التطوير.

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

This is a comprehensive tutorial for learning TypeScript, designed for JavaScript programmers who want to understand the language's type system and modern features. The resource covers TypeScript's core identity, including its structural type compatibility, compile-time type erasure, declaration file merging, and the discriminated union pattern for precise type narrowing. The tutorial distinguishes itself by providing a progressive learning path from basic JavaScript concepts to advanced TypeScript patterns. It covers generic type parameter constraints, tuple types with fixed-length positions

vanilla-extract is a type-safe CSS-in-JS library and zero-runtime CSS framework. It uses TypeScript to define styles and design tokens, compiling these definitions into static CSS files during the build process to eliminate styling overhead in the browser. The system acts as a scoped CSS generator, producing unique class names and local variables to prevent global style leakage and naming collisions. It provides a type-safe styling tool that validates CSS property values and ensures design tokens adhere to defined themes during development. The framework covers comprehensive styling utilitie

The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

This project is a learning course and instructional resource for React frontend development. It consists of a structured curriculum, architectural guides, and a library of reference materials designed to teach the construction of user interfaces and web applications. The repository provides a collection of project implementations, including e-commerce stores and CRUD applications, to serve as reference architectures. It includes curated lessons and code examples that focus on implementing state management and type safety patterns. The materials cover frontend architecture patterns, the integ

This project is a production-ready enterprise boilerplate and starter for building high-performance web applications with Next.js. It provides a foundational architecture for large-scale application bootstrapping, combining a TypeScript web starter with a pre-configured project structure and professional toolset. The project distinguishes itself through an integrated suite of operational tools, including CI/CD deployment pipelines, infrastructure-as-code provisioning, and a component-driven UI development sandbox. It incorporates a utility-first styling architecture using Tailwind CSS and a l

هذا تطبيق ويب TypeScript وتطبيق صفحة واحدة مبني باستخدام Angular. يعمل كمنصة تدوين كاملة الميزات ونظام إدارة محتوى ينفذ أنماطاً معمارية احترافية لبناء واجهات مستخدم معقدة. يعمل المشروع كعميل REST API يتكامل مع خدمة خلفية لإدارة المستخدمين والمقالات والتفاعلات الاجتماعية. يتضمن عارض محتوى markdown لعرض المقالات المنسقة ونظاماً لاكتشاف المحتوى باستخدام خلاصات مرقمة وفلاتر الفئات. يغطي التطبيق العديد من المجالات الوظيفية، بما في ذلك سير عمل مصادقة المستخدم مع إدارة الهوية القائمة على الرموز، وإدارة دورة حياة مقالات المدونة، وميزات الشبكات الاجتماعية مثل متابعة المؤلفين وإضافة المحتوى إلى المفضلة.

ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.

routing-controllers هو موجه API تصريحي ومتحكم إطار عمل ويب لـ TypeScript. يوفر نظاماً لتحديد مسارات HTTP ومنطق معالجة الطلبات باستخدام مصممات (decorators) قائمة على الفئات وبيانات وصفية لتنظيم نقاط نهاية API في بنية منظمة. يستخدم المشروع تكامل خادم قائم على المحولات لفصل منطق التوجيه عن إطار عمل الويب الأساسي، مما يوفر تكاملات محددة لـ Express و Koa. يتميز بنظام تحويل النوع القائم على الانعكاس الذي يتحقق من معاملات الطلب الواردة ويحولها إلى مثيلات فئة مكتوبة. تغطي مساحة القدرة خط أنابيب طلب-استجابة كاملاً، بما في ذلك تنفيذ الوسيط، واعتراض الاستجابة، وإدارة الأخطاء العالمية. يدعم أدوات توجيه متقدمة مثل بادئة المسار العالمية، واكتشاف المكونات القائم على نظام الملفات، وتكامل حقن التبعية. تشمل الوظائف الإضافية التحكم في الوصول القائم على الأدوار، وحقن المستخدم المصادق عليه، ومعالجات متخصصة لتحميل الملفات وبث الاستجابة.

Vue.NetCore هي أداة سقالات (scaffolding) كاملة المكدس تقوم تلقائياً بإنشاء كود الواجهة الأمامية والخلفية باستخدام .NET Core وVue.js بناءً على مخططات قاعدة البيانات. تعمل كمولد boilerplate لـ CRUD ومنسق لقاعدة بيانات يقوم بتعيين الكيانات في منطق الأعمال لإنشاء واجهات إدارية ونقاط نهاية API. يوفر المشروع سقالة واجهة مستخدم متعددة المنصات، تنتج كوداً متوافقاً للويب وiOS وAndroid وبرامج WeChat المصغرة. يستخدم إطار عمل ويب TypeScript مع Vite ويستفيد من SqlSugar لأتمتة تعيين كيانات قاعدة البيانات. يغطي النظام أتمتة CRUD للمؤسسات، بما في ذلك إنشاء النماذج القائمة على البيانات، وواجهات استعلام البحث المتقدمة، وعلاقات الجداول الرئيسية-التفصيلية. كما يتضمن قدرات لتطوير API المؤتمت وواجهات استيراد بيانات Excel.

tsoa هو إطار عمل TypeScript API ومولد OpenAPI REST API. يقوم بتحويل وحدات تحكم ونماذج TypeScript إلى مواصفات OpenAPI وتكوينات التوجيه لخوادم Node، مما يضمن بقاء تعريفات الكود ووثائق API متزامنة. تعمل الأداة كمولد مواصفات OpenAPI ومدقق طلبات REST. تستخرج المسارات، ومخططات الطلبات، ونماذج الاستجابة من الكود المصدري لإنتاج مستندات OpenAPI قياسية وتوفر طبقة وسيطة للتحقق من أن حمولات HTTP الواردة تطابق المخططات المحددة بـ TypeScript. يغطي المشروع إدارة مسارات RESTful والتحقق من طلبات API. يستخدم تحليل النوع الثابت لتحويل أنواع اللغة إلى تعريفات مخطط JSON ويستخدم التوليد القائم على القوالب لتعيين بيانات تعريف وحدة التحكم إلى مسارات الخادم.

Eros-FE is a TypeScript web frontend designed as a React-based single page application. It provides a component-driven user interface for interacting with backend services and managing application state through a type-safe client. The project utilizes a client-side route manager to swap visible components without full page refreshes and employs a CSS-in-JS styling framework to tie component logic directly to visual presentation. The application covers frontend interface design, client-side state management, and the integration of browser interfaces with backend APIs.

Treat هي مكتبة تصميم تستخرج CSS من تعريفات JavaScript أثناء عملية البناء للقضاء على حمل وقت التشغيل. تعمل كأداة استخراج نمط ثابتة، تحول تعريفات النمط على مستوى المكون إلى ملفات CSS مستقلة ومحسنة. تم تصميم إطار العمل لبناء أنظمة تصميم آمنة من حيث النوع وقابلة للسمات تسمح لمكونات واجهة المستخدم بتكييف مظهرها بناءً على إعدادات نظام التصميم النشطة. تتميز المكتبة بتمكين تكوين النمط المعقد، بما في ذلك المحددات الزائفة، واستعلامات الوسائط، والرسوم المتحركة، داخل هيكل كائن موحد يظل متوافقاً مع الاستخراج الثابت. وتدعم الاختلافات المرئية الديناميكية عن طريق تعيين تعريفات النمط إلى فئات CSS مولدة مسبقاً، مستخدمة آلية بحث خفيفة الوزن لحل السمات في وقت التشغيل. يسمح هذا النهج بتبديل السمات وتحميل السمات عند الطلب دون الحاجة إلى إعادة تحميل الصفحة بالكامل أو التضحية بفوائد الأداء لـ CSS الثابت. بعيداً عن قدرات الاستخراج الأساسية، توفر المكتبة أدوات لتكوين السمة العالمية والتوزيع القائم على السياق لضمان الاتساق المرئي عبر التطبيقات واسعة النطاق. تتضمن دعماً للعرض من جانب الخادم، مما يضمن جاهزية الأنماط لتحميلات الصفحة الأولية، وتتكامل مع سير عمل التطوير لتوفير إعادة تحميل الوحدة الساخنة لتغييرات النمط. يتم تكوين المكتبة من خلال خطوط أنابيب بناء قياسية، والتي تدير التحويل، والتصغير، واصطلاحات التسمية لمخرجات النمط المولدة.