query corner

Requête

Inspiration

L'inspiration pour notre projet, QueryCorner, vient de notre expérience en tant qu'étudiants et développeurs de logiciels obtenant des réponses de faible qualité de Chatgpt. La saisie d'une invite détaillée peut être difficile et ennuyeuse, mais est souvent nécessaire pour des questions ou des questions complexes nécessitant beaucoup de contexte. Nous avons vu l'occasion de créer un outil qui permettra aux gens d'accélérer leurs recherches et leur flux de travail. Essayez-le chez QueryCorner.

Ce qu'il fait

Query Corner est une plate-forme de partage invite / sociale génératrice d'IA où les gens peuvent partager leurs invites et modèles rapides. Les utilisateurs peuvent attacher des balises à leurs invites (réagir, financement, santé, etc.) pour aider à le filtrage, et nous utilisons des intégres et une recherche vectorielle pour implémenter une recherche sémantique robuste. Les fonctionnalités supplémentaires incluent l'historique de la recherche, les invites enregistrées, les goûts et comme objectif extensible, les sections de commentaires. Avec QueryCorner, l'invite parfaite est toujours à une recherche.

Comment nous l'avons construit

Nous avons construit notre application à l'aide d'une multitude de services / frameworks / outils:

• React.js pour le frontend client
• NextJS pour le rendu côté serveur, le routage des fichiers et l'amélioration du référencement
• Vent arrière pour le style
• Shadcn, Motion de Framer et Acernity pour les animations et les composants de l'interface utilisateur
• Convexe pour le stockage de données et notre serveur backend
• Modèle d'incorporation d'Openai Text-Embedding-3-Small
• Greffier pour OAuth

Les défis que nous avons rencontrés

• Apprendre les bases de NextJS - c'était la première fois que l'un d'entre nous utilisait NextJS et cela nécessitait beaucoup d'apprentissage de chacun.
• Trouver du temps pour travailler en équipe - nous avons tous des vies bien remplies en tant qu'étudiants et trouver du temps pour planifier comment travailler de manière asynchrone a apporté des défis uniques.
• Apprendre à utiliser Shadcn - Il s'agit d'un type différent de bibliothèque de composants par rapport à Daisyui ou Chakra

Réalisations dont nous sommes fiers

• Terminer notre projet et le faire fonctionner! Nous avons été honnêtement surpris des progrès que nous avons fait chaque jour et nous sommes très fiers du produit final.
• Apprendre une tonne de nouvelles technologies

Ce que nous avons appris

• Utilisé NextJS pour la première fois
• Utilisé Shadcn pour la première fois
• Des concepts appris concernant les intérêts,
• A travaillé ensemble en équipe pour la première fois

Quelle est la prochaine étape pour QueryCorner

• Implémentez la pagination pour améliorer le temps de chargement et les performances du site
• Ajoutez des options pour supprimer les publications.
• Ajoutez l'option pour afficher les profils des autres.
• Permettez aux utilisateurs de soumettre des messages sans se connecter.

Commencez localement

Il s'agit d'un projet Next.js enrôlé avec create-next-app et convex .

Installez d'abord les packeges de nœud:

npm i 
# or
npm install

Ensuite, créez un fichier .env.local avec vos clés API de commis.

Ensuite, exécutez le serveur de développement:

npm run dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Apprendre encore plus

Pour en savoir plus sur Next.js, jetez un œil aux ressources suivantes:

• Documentation Next.js - Découvrez les fonctionnalités et API Next.js.
• Apprenez Next.js - Un tutoriel interactif NEXT.JS.

Pour en savoir plus sur Convex, jetez un œil aux ressources suivantes:

• Documentation convexe - Renseignez-vous sur les fonctionnalités et tutoriels convexes.

Pour en savoir plus sur Clerk, jetez un œil aux ressources suivantes:

• Documentation du greffier - Découvrez l'authentification du commis.

Pour en savoir plus sur l'interface utilisateur de Shadcn, jetez un œil aux ressources suivantes:

• Documentation de l'UI Shadcn - Découvrez les composants et styles de SHADCN UI.