query corner

Querycorner

Вдохновение

Вдохновение для нашего проекта, QueryCorner, приходит из нашего опыта, когда студенты и разработчики программного обеспечения получают некачественные ответы от CHATGPT. Ввод подробной подсказки может быть трудным и раздражающим, но часто необходимо для сложных вопросов или вопросов, требующих большого количества контекста. Мы увидели возможность создать инструмент, который позволит людям ускорить свои исследования и рабочий процесс. Попробуйте это в QueryCorner.

Что он делает

Запрос Corner-это генеративная AI-оперативная платформа для обмена / социальной платформой, где люди могут поделиться своими подсказками и шаблонами быстрого. Пользователи могут прикреплять теги к своим подсказкам (React, Finance, Health и т. Д.), Чтобы помочь в фильтрации, и мы используем Entgddings и Vector Search для реализации надежного семантического поиска. Дополнительные функции включают в себя историю поиска, сохраненные подсказки, лайки и в качестве растяжения, разделы комментариев. С QueryCorner идеальная подсказка всегда находится в стороне от поиска.

Как мы его построили

Мы создали наше приложение, используя множество услуг/фреймворков/инструментов:

• React.js для бренда клиентов
• NextJs для рендеринга на стороне сервера, маршрутизации файлов и улучшенного SEO
• Запавок для стиля
• Shadcn, Framer Motion и Agernity для анимации и компонентов пользовательского интерфейса
• Выпукнуть для хранения данных и нашего сервера бэкэнд
• Модель встраивания текста-3-якола Openai
• Клерк для Оаута

Проблемы, с которыми мы столкнулись

• Изучение оснований NextJS - это был первый раз, когда любой из нас использовал NextJS, и это требовало много обучения со стороны каждого.
• Поиск времени для работы в команде - у всех нас есть занята, как студенты колледжа, и найти время, чтобы планировать, как работать асинхронно, принесли некоторые уникальные проблемы.
• Обучение, как использовать Shadcn - это библиотека компонентов другого типа по сравнению с Daisyui или Чакра

Достижения, которыми мы гордимся

• Завершив наш проект и заработав его! Мы были честно удивлены прогрессом, который мы достигли каждый день, и очень гордимся конечным продуктом.
• Изучение тонны новых технологий

Что мы узнали

• Использовал NextJs в первый раз
• Использовал Shadcn в первый раз
• Изученные концепции, касающиеся вторжений,
• Работал вместе как команда впервые

Что дальше для запросов

• Реализуйте страницу для улучшения времени загрузки и производительности сайта
• Добавьте параметры для удаления сообщений.
• Добавьте опцию, чтобы просмотреть профили других.
• Разрешить пользователям отправлять сообщения без входа в систему.

Начните на местном уровне

Это проект Next.js, загруженный с create-next-app и convex .

Сначала установите узлы Packeges:

npm i 
# or
npm install

Затем создайте файл .env.local с ключами API клерка.

Затем запустите сервер разработки:

npm run dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Узнать больше

Чтобы узнать больше о следующем.js, посмотрите на следующие ресурсы:

• Next.js Документация - Узнайте о функциях Next.js и API.
• Узнайте Next.js - интерактивный учебник Next.js.

Чтобы узнать больше о выпуклости, взгляните на следующие ресурсы:

• Выпуклая документация - Узнайте о выпуклых функциях и учебных пособиях.

Чтобы узнать больше о клерке, посмотрите на следующие ресурсы:

• Клерк документации - Узнайте об аутентификации клерка.

Чтобы узнать больше о пользовательском интерфейсе shadcn, посмотрите на следующие ресурсы:

• Документация по интерфейсу Shadcn - Узнайте о компонентах и ​​стилях пользовательского интерфейса Shadcn.