QueryCorner
إلهام
يأتي مصدر إلهام مشروعنا ، QueryCorner ، من تجربتنا حيث يحصل الطلاب ومطوري البرامج على إجابات منخفضة الجودة من ChatGPT. يمكن أن تكون كتابة موجه مفصل صعبًا ومزعجًا ولكن غالبًا ما يكون ضروريًا للأسئلة المعقدة أو الأسئلة التي تتطلب الكثير من السياق. لقد رأينا فرصة لإنشاء أداة تمكن الأشخاص من تسريع أبحاثهم وسير العمل. جربها في QueryCorner.
ماذا تفعل
Corner Corner عبارة عن منصة تقليدية / اجتماعية من الذكاء الاصطناعي / AI حيث يمكن للأشخاص مشاركة المطالبات والقوالب الموجهة. يمكن للمستخدمين إرفاق العلامات بمطالباتهم (React ، التمويل ، الصحة ، إلخ) للمساعدة في التصفية ، ونحن نستخدم التضمينات والبحث في المتجهات لتنفيذ بحث دلالي قوي. تشمل الميزات الإضافية سجل البحث ، والمطالبات المحفوظة ، والأعجوبة ، وكهدف تمدد ، أقسام التعليقات. مع QueryCorner ، فإن المطالبة المثالية هي دائمًا بحث واحد.
كيف بنيناها
قمنا ببناء تطبيقنا باستخدام العديد من الخدمات/الأطر/الأدوات:
- React.js للواجهة الأمامية للعميل
- NextJs لتقديم جانب الخادم ، توجيه الملفات ، وتحسين تحسين محركات البحث (SEO
- Tailwind للتصميم
- Shadcn و Framer Motion و Acernity للرسوم المتحركة ومكونات واجهة المستخدم
- محدب لتخزين البيانات وخادم الواجهة الخلفية لدينا
- نموذج التضمين في Openai-embedding-3-small
- كاتب ل Oauth
التحديات التي واجهناها
- تعلم أساسيات NextJs - كانت هذه هي المرة الأولى التي يستخدم فيها أي منا NextJs وتتطلب الكثير من التعلم من جانب الجميع.
- إيجاد وقت للعمل كفريق واحد - لدينا جميعًا حياة مشغولة كطلاب جامعيين ، وإيجاد وقت للتخطيط لكيفية العمل بشكل غير متزامن بعض التحديات الفريدة.
- تعلم كيفية استخدام Shadcn - هذا نوع مختلف من مكتبة المكونات بالمقارنة مع Daisyui أو شقرا
الإنجازات التي نحن فخورون بها
- الانتهاء من مشروعنا وجعله يعمل! لقد فوجئنا بصدق بالتقدم الذي أحرزناه كل يوم ونفخر بالمنتج النهائي.
- تعلم الكثير من التقنيات الجديدة
ما تعلمناه
- تستخدم NextJs لأول مرة
- استخدم Shadcn لأول مرة
- المفاهيم المستفادة المتعلقة بالتضمينات ،
- عملت معًا كفريق واحد لأول مرة
ما هو التالي لـ QueryCorner
- تنفيذ ترقيم الصفحات لتحسين وقت التحميل وأداء الموقع
- أضف خيارات لحذف المنشورات.
- أضف خيار عرض ملفات تعريف الآخرين.
- السماح للمستخدمين بإرسال المنشورات دون تسجيل الدخول.
ابدأ محليا
هذا هو مشروع next.js bootstrapped مع create-next-app و convex .
أول تثبيت عقدة Packeges:
ثم ، قم بإنشاء ملف .env.local مع مفاتيح API للكاتب.
ثم ، قم بتشغيل خادم التطوير:
افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.
يتعلم أكثر
لمعرفة المزيد حول Next.js ، ألق نظرة على الموارد التالية:
- Next.js Documentation - تعرف على ميزات Next.js و API.
- تعلم next.js - تعليمي تفاعلي Next.js.
لمعرفة المزيد حول محدب ، ألق نظرة على الموارد التالية:
- وثائق محدب - تعرف على ميزات محدب ودروس تعليمية.
لمعرفة المزيد عن الموظف ، ألق نظرة على الموارد التالية:
- وثائق الموظفين - تعرف على مصادقة الموظفين.
لمعرفة المزيد حول Shadcn UI ، ألق نظرة على الموارد التالية:
- وثائق Shadcn UI - تعرف على مكونات وأنماط ui Shadcn.