query corner

QueryCorner

Inspiration

Die Inspiration für unser Projekt, QueryCorner, beruht auf unserer Erfahrung als Studenten und Softwareentwickler, die von ChatGPT minderwertige Antworten erhalten. Das Eingeben einer detaillierten Eingabeaufforderung kann schwierig und ärgerlich sein, ist jedoch häufig für komplexe Fragen oder Fragen erforderlich, die einen großen Kontext erfordern. Wir sahen eine Gelegenheit, ein Tool zu schaffen, das die Menschen befähigt, ihre Forschung und ihren Arbeitsablauf zu beschleunigen. Probieren Sie es bei QueryCorner aus.

Was es tut

Query Corner ist eine generative KI-Plattform zur Teile / sozialer Plattform, auf der Menschen ihre Eingabeaufforderungen und Schablonen teilen können. Benutzer können Tags an ihre Eingabeaufforderungen (React, Finance, Health usw.) anhängen, um die Filterung zu unterstützen, und wir verwenden Einbettung und Vektorsuche, um eine robuste semantische Suche zu implementieren. Weitere Funktionen sind Suchverlauf, gespeicherte Eingabeaufforderungen, Likes und als Stretch -Ziel, Kommentare. Mit QueryCorner ist die perfekte Eingabeaufforderung immer eine Suche entfernt.

Wie wir es gebaut haben

Wir haben unsere Anwendung mit einer Vielzahl von Diensten/Frameworks/Tools erstellt:

• React.js für das Client -Frontend
• NEXTJS für serverseitiges Rendering, Dateirouting und verbesserte SEO
• Rückenwind zum Styling
• Shadcn, Framer Motion und Akernität für Animationen und UI -Komponenten
• Konvex für die Datenspeicherung und unseren Backend -Server
• Openais Text-Embedding-3-Small-Einbettungsmodell
• Angestellter für OAuth

Herausforderungen, auf die wir gestoßen sind

• Erlernen der Grundlagen von NextJs - Dies war das erste Mal, dass einer von uns NextJs benutzt hatte, und es erforderte viel Lernen von allen.
• Zeit für die Arbeit als Team zu finden - wir alle haben ein geschäftiges Leben als College -Studenten und Zeit, um zu planen, wie wir asynchron arbeiten können, hat einige einzigartige Herausforderungen mit sich gebracht.
• Lernen, wie man Shadcn verwendet - Dies ist eine andere Art von Komponentenbibliothek im Vergleich zu Daisyui oder Chakra

Erfolge, auf die wir stolz sind

• Abschluss unseres Projekts und zum Laufen! Wir waren ehrlich gesagt überrascht über die Fortschritte, die wir jeden Tag gemacht haben und sind sehr stolz auf das Endprodukt.
• Eine Menge neuer Technologien lernen

Was wir gelernt haben

• Zum ersten Mal als NextJS verwendet
• Zum ersten Mal Shadcn verwendet
• Erlernte Konzepte in Bezug auf Einbettungen,
• Arbeitete zum ersten Mal als Team zusammen

Was kommt als nächstes für QueryCorner

• Implementieren Sie Pagination zur Verbesserung der Ladezeit und der Leistung der Site
• Fügen Sie Optionen zum Löschen von Beiträgen hinzu.
• Fügen Sie die Option hinzu, um die Profile anderer anzuzeigen.
• Ermöglichen Sie Benutzern, Beiträge ohne Anmeldung einzureichen.

Gehen Sie vor Ort an

Dies ist ein Next.js-Projekt mit create-next-app und convex .

Installieren Sie zuerst Knoten Packeges:

npm i 
# or
npm install

Erstellen Sie dann eine .env.local -Datei mit Ihren API -Sachbearbeiter -Tasten.

Führen Sie dann den Entwicklungsserver aus:

npm run dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Erfahren Sie mehr

Um mehr über Next.js zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• NEXT.JS DOCUMENTATION - LERNEN SIE NEXT NEXT.JS -Funktionen und API.
• Lernen Sie Next.js - Ein interaktives Next.js -Tutorial.

Um mehr über Convex zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• Konvexe Dokumentation - Erfahren Sie mehr über konvexe Funktionen und Tutorials.

Um mehr über den Angestellten zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• Angestellte Dokumentation - Erfahren Sie mehr über die Authentifizierung von Angestellten.

Um mehr über Shadcn UI zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• Shadcn UI -Dokumentation - Erfahren Sie mehr über Shadcn UI -Komponenten und -stile.