query corner

QueryCorner

インスピレーション

私たちのプロジェクトのインスピレーションであるQueryCornerは、学生やソフトウェア開発者がCHATGPTから低品質の回答を得ているため、私たちの経験から来ています。詳細なプロンプトを入力するのは難しくて迷惑な場合がありますが、多くの場合、多くのコンテキストを必要とする複雑な質問や質問に必要です。私たちは、人々が自分の研究とワークフローを加速できるようにするツールを作成する機会を見ました。 QueryCornerで試してみてください。

それがすること

クエリコーナーは、プロンプトとプロンプトテンプレートを共有できる生成AIプロンプト共有 /ソーシャルプラットフォームです。ユーザーは、タグをプロンプト（React、Finance、Healthなど）に添付してフィルタリングを支援できます。埋め込みとベクトル検索を使用して、堅牢なセマンティック検索を実装できます。その他の機能には、検索履歴、保存されたプロンプト、いいね！、およびストレッチ目標としてのコメントセクションが含まれます。 QueryCornerを使用すると、完璧なプロンプトは常に1回の検索です。

私たちがそれをどのように構築したか

多数のサービス/フレームワーク/ツールを使用してアプリケーションを構築しました。

• クライアントフロントエンドのReact.js
• サーバー側のレンダリング、ファイルルーティング、および改善されたSEOのNextJS
• スタイリングのための追い風
• アニメーションとUIコンポーネントのShadcn、フレーマーモーション、およびcernity
• データストレージとバックエンドサーバー用の凸面
• OpenaiのText-dembedding-3-Small Embeddingモデル
• Oauthの書記官

私たちが遭遇した課題

• NextJSの基本を学ぶ - これは私たちの誰もがNextJSを使用したのは初めてであり、すべての人の多くの学習が必要でした。
• チームとして働く時間を見つける - 私たちは皆、大学生として忙しい生活を送り、非同期的に仕事をする方法を計画する時間を見つけることは、いくつかのユニークな課題をもたらしました。
• Shadcnの使用方法を学ぶ - これは、DaisyuiやChakraと比較して異なるタイプのコンポーネントライブラリです

私たちが誇りに思っている成果

• 私たちのプロジェクトを終了し、それを機能させる！私たちは毎日行った進歩に正直に驚いており、最終製品を非常に誇りに思っています。
• たくさんの新しいテクノロジーを学ぶ

私たちが学んだこと

• NextJSを初めて使用しました
• Shadcnを初めて使用しました
• 埋め込みに関する概念を学んだ、
• チームとして初めて協力しました

QueryCornerの次は何ですか

• 積み込み時間とサイトのパフォーマンスを改善するためのページネーションを実装します
• 投稿を削除するオプションを追加します。
• 他のプロファイルを表示するオプションを追加します。
• ユーザーがログインせずに投稿を送信できるようにします。

地元で始めましょう

これはcreate-next-appとconvexでブートストラップされたnext.jsプロジェクトです。

最初にノードパッケージをインストールします：

npm i 
# or
npm install

次に、Clerk APIキーを使用して.env.localファイルを作成します。

次に、開発サーバーを実行します。

npm run dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

もっと詳しく知る

next.jsの詳細については、次のリソースをご覧ください。

• next.jsドキュメント - next.js機能とAPIについて学びます。
• next.jsを学ぶ - インタラクティブなnext.jsチュートリアル。

凸の詳細については、次のリソースをご覧ください。

• 凸ドキュメント - 凸の機能とチュートリアルについて学びます。

店員の詳細については、次のリソースをご覧ください。

• 書記官のドキュメント - 店員認証について学びます。

ShadCn UIの詳細については、次のリソースをご覧ください。

• SHADCN UIドキュメント - ShadCN UIコンポーネントとスタイルについて学びます。