query corner

QueryCorner

영감

우리 프로젝트에 대한 영감 인 QueryCorner는 학생들과 소프트웨어 개발자가 ChatGpt로부터 품질이 낮은 답변을 얻는 경험에서 비롯됩니다. 자세한 프롬프트를 타이핑하는 것은 어렵고 성가신 일 수 있지만 종종 많은 맥락이 필요한 복잡한 질문이나 질문에 필요합니다. 우리는 사람들이 자신의 연구와 워크 플로를 가속화 할 수있는 도구를 만들 수있는 기회를 보았습니다. QueryCorner에서 시도해보십시오.

그것이하는 일

쿼리 코너는 사람들이 프롬프트와 프롬프트 템플릿을 공유 할 수있는 생성 AI 프롬프트 공유 / 소셜 플랫폼입니다. 사용자는 필터링을 돕기 위해 프롬프트 (React, Finance, Health 등)에 태그를 첨부 할 수 있으며, 내장 및 벡터 검색을 사용하여 강력한 의미 검색을 구현합니다. 추가 기능에는 검색 기록, 저장된 프롬프트, 좋아요 및 스트레치 목표, 댓글 섹션이 포함됩니다. QueryCorner를 사용하면 완벽한 프롬프트는 항상 한 번의 검색입니다.

우리가 그것을 어떻게 만들었는지

수많은 서비스/프레임 워크/도구를 사용하여 응용 프로그램을 구축했습니다.

• 클라이언트 프론트 엔드의 React.js
• 서버 측 렌더링, 파일 라우팅 및 개선 된 SEO의 다음 JS
• 스타일을위한 꼬리 바람
• 애니메이션 및 UI 구성 요소에 대한 Shadcn, Framer Motion 및 Acernity
• 데이터 저장 및 백엔드 서버 용 볼록
• OpenAi의 텍스트-엠 베드 딩 -3 스몰 임베딩 모델
• Oauth의 서기

우리가 도전 한 도전

• Nextjs의 기본 사항을 배우는 것 - 이것은 우리 중 누구라도 Nextjs를 사용한 것은 이번이 처음이며 모든 사람이 많은 학습이 필요했습니다.
• 팀으로 일할 시간 찾기 - 우리 모두는 대학생으로서 바쁜 삶을 살고 있으며, 비동기 적으로 일하는 방법을 계획 할 시간을 찾아서 몇 가지 독특한 도전을 가져 왔습니다.
• Shadcn 사용 방법 배우기 - 이것은 Daisyui 또는 Chakra와 비교하여 다른 유형의 구성 요소 라이브러리입니다.

우리가 자랑스러워하는 업적

• 프로젝트를 마치고 작동하게합니다! 우리는 우리가 매일했던 진전에 솔직히 놀랐으며 최종 제품을 자랑스럽게 생각합니다.
• 많은 신기술 학습

우리가 배운 것

• 처음으로 다음 JS를 사용했습니다
• 처음으로 Shadcn을 사용했습니다
• 임베딩에 관한 배운 개념,
• 처음으로 팀으로 함께 일했습니다

QueryCorner의 다음 단계

• 로딩 시간과 사이트 성능을 향상시키기 위해 페이지 매김을 구현하십시오
• 게시물을 삭제하려면 옵션을 추가합니다.
• 다른 프로파일을 보려면 옵션을 추가하십시오.
• 사용자가 로그인하지 않고 게시물을 제출할 수 있습니다.

로컬로 시작하십시오

이것은 create-next-app convex 프로젝트입니다.

먼저 Node Packeges 설치 :

npm i 
# or
npm install

그런 다음 서기 API 키로 .env.local 파일을 만듭니다.

그런 다음 개발 서버를 실행합니다.

npm run dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

자세히 알아보십시오

JS에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• Next.js 문서 - Next.js 기능 및 API에 대해 알아보십시오.
• 다음.js- 대화식 Next.js 튜토리얼을 배우십시오.

볼록에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• 볼록 문서화 - 볼록한 기능 및 튜토리얼에 대해 알아보십시오.

서기에 대한 자세한 내용은 다음 자료를 살펴보십시오.

• 서기 문서 - 서기 인증에 대해 배우십시오.

Shadcn UI에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• Shadcn UI 문서 - Shadcn UI 구성 요소 및 스타일에 대해 알아보십시오.