GraTech Comet

مشروع واجهة أمامية مبني على Vite + React + TypeScript مع Tailwind CSS (الإصدار الحديث باستخدام @tailwindcss/postcss).

التثبيت والتشغيل (Windows PowerShell)

cd GraTech_Comet
npm install
npm run dev

ملاحظة مهمة حول Tailwind

ابتداءً من الإصدارات الحديثة، تم نقل تكامل Tailwind مع PostCSS إلى باكيج مستقل @tailwindcss/postcss. لذا تأكد أن ملف postcss.config.cjs يحتوي:

module.exports = {
  plugins: {
    '@tailwindcss/postcss': {},
    autoprefixer: {},
  },
};

ويمكنك أيضًا ضبط نفس الإعداد داخل vite.config.ts تحت css.postcss.plugins كما هو موجود في هذا المشروع.

هيكل الصفحات

• Hero (افتراضي) مع زر يبدأ المحادثة
• Chat
• Resources
• Dashboard
• System Info

يتم التحكم بها عبر الحالة currentPage داخل App.tsx باستخدام HashRouter.