query corner

Consulta

Inspiración

La inspiración para nuestro proyecto, QueryCorner, proviene de nuestra experiencia a medida que los estudiantes y desarrolladores de software obtienen respuestas de baja calidad de ChatGPT. Escribir un aviso detallado puede ser difícil y molesto, pero a menudo es necesario para preguntas o preguntas complejas que requieren mucho contexto. Vimos la oportunidad de crear una herramienta que capacite a las personas para acelerar su investigación y flujo de trabajo. Pruébelo en QueryCorner.

Que hace

Query Corner es una plataforma social de IA generativa de IA / plataforma social donde las personas pueden compartir sus indicaciones y plantillas de inmediato. Los usuarios pueden adjuntar etiquetas a sus indicaciones (reaccionar, finanzas, salud, etc.) para ayudar con el filtrado, y utilizamos incrustaciones y búsqueda vectorial para implementar una búsqueda semántica sólida. Las características adicionales incluyen historial de búsqueda, indicaciones guardadas, me gusta y, como objetivo de estiramiento, secciones de comentarios. Con QueryCorner, el aviso perfecto es siempre una búsqueda.

Cómo lo construimos

Creamos nuestra aplicación utilizando una multitud de servicios/marcos/herramientas:

• React.js para el frontend del cliente
• NextJS para representación del lado del servidor, enrutamiento de archivos y SEO mejorado
• Viento de cola para el estilo
• Shadcn, Framer Motion y Acernity para animaciones y componentes de la interfaz de usuario
• Convexo para el almacenamiento de datos y nuestro servidor de backend
• Modelo de incrustación de texto de texto de OpenAI
• Empleado de OAuth

Desafíos en los que nos encontramos

• Aprender los conceptos básicos de NextJS: esta fue la primera vez que cualquiera de nosotros usó NextJS y requirió mucho aprendizaje por parte de todos.
• Encontrar tiempo para trabajar en equipo: todos tenemos vidas ocupadas como estudiantes universitarios y encontrar tiempo para planificar cómo trabajar de manera asincrónica trajo algunos desafíos únicos.
• Aprender a usar ShadCN: este es un tipo diferente de biblioteca de componentes en comparación con Daisyui o Chakra

Logros de los que estamos orgullosos

• ¡Terminar nuestro proyecto y hacer que funcione! Honestamente nos sorprendió el progreso que hicimos cada día y estamos muy orgullosos del producto final.
• Aprender una tonelada de nuevas tecnologías

Lo que aprendimos

• Usado nextjs por primera vez
• Usado shadcn por primera vez
• Conceptos aprendidos sobre incrustaciones,
• Trabajaron juntos como equipo por primera vez

¿Qué sigue para QueryCorner?

• Implementar la paginación para mejorar el tiempo de carga y el rendimiento del sitio
• Agregue opciones para eliminar publicaciones.
• Agregue la opción para ver los perfiles de otros.
• Permitir a los usuarios enviar publicaciones sin iniciar sesión.

Empiece a comenzar localmente

Este es un proyecto Next.js arrancado con create-next-app y convex .

Primero instalación de Node PacKeges:

npm i 
# or
npm install

Luego, cree un archivo .env.local con las teclas API de su secretario.

Luego, ejecute el servidor de desarrollo:

npm run dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

Obtenga más información

Para obtener más información sobre Next.js, eche un vistazo a los siguientes recursos:

• Documentación Next.JS - Aprenda sobre las funciones de Next.js y la API.
• Aprende Next.js - Un tutorial interactivo Next.js.

Para obtener más información sobre convexo, eche un vistazo a los siguientes recursos:

• Documentación convexa: aprenda sobre características y tutoriales convexos.

Para obtener más información sobre el empleado, eche un vistazo a los siguientes recursos:

• Documentación del secretario - Aprenda sobre la autenticación del empleado.

Para obtener más información sobre la interfaz de usuario de Shadcn, eche un vistazo a los siguientes recursos:

• Documentación de UI Shadcn: aprenda sobre componentes y estilos de UI Shadcn.