Querycorner
Inspiração
A inspiração para o nosso projeto, QueryCorner, vem de nossa experiência, pois estudantes e desenvolvedores de software recebem respostas de baixa qualidade do ChatGPT. A digitar um prompt detalhado pode ser difícil e irritante, mas geralmente é necessário para perguntas ou perguntas complexas que requerem muito contexto. Vimos uma oportunidade de criar uma ferramenta que capacitaria as pessoas a acelerar sua pesquisa e fluxo de trabalho. Experimente no Querycorner.
O que faz
A Query Corner é uma plataforma generativa de compartilhamento de prompts / social de IA, onde as pessoas podem compartilhar seus avisos e modelos de promotos. Os usuários podem anexar tags aos seus avisos (reação, finanças, saúde etc.) para ajudar na filtragem, e usamos a pesquisa de incorporação e vetor para implementar uma pesquisa semântica robusta. Recursos adicionais incluem histórico de pesquisa, avisos salvos, curtidas e, como objetivo, seções de comentários. Com o QueryCorner, o prompt perfeito é sempre uma pesquisa.
Como construímos
Construímos nosso aplicativo usando uma infinidade de serviços/estruturas/ferramentas:
- React.js para o front -end do cliente
- NextJs para renderização do servidor, roteamento de arquivos e SEO aprimorado
- Tailwind para estilo
- Shadcn, Framer Motion e Acernity for Animations and UI Components
- Convexo para armazenamento de dados e nosso servidor de back -end
- Modelo de incorporação de embutido de textim-3 do OpenAI
- Funcionário de Oauth
Desafios que encontramos
- Aprendendo o básico do NextJS - foi a primeira vez que qualquer um de nós usou o NextJs e exigiu muito aprendizado da parte de todos.
- Encontrando tempo para trabalhar em equipe - todos temos vidas ocupadas como estudantes universitários e encontrando tempo para planejar como trabalhar de forma assíncrona, trouxe alguns desafios únicos.
- Aprendendo a usar o shadcn - este é um tipo diferente de biblioteca de componentes em comparação com Daisyui ou chakra
Realizações de que estamos orgulhosos
- Terminando nosso projeto e fazendo com que ele funcione! Ficamos honestamente surpresos com o progresso que fizemos todos os dias e estamos super orgulhosos do produto final.
- Aprendendo uma tonelada de novas tecnologias
O que aprendemos
- Usado a NextJs pela primeira vez
- Usei o shadcn pela primeira vez
- Conceitos aprendidos sobre incorporações,
- Trabalhou juntos como uma equipe pela primeira vez
O que vem a seguir para o Querycorner
- Implementar a paginação para melhorar o tempo de carregamento e o desempenho do site
- Adicione opções para excluir postagens.
- Adicione a opção para visualizar os perfis de outros.
- Permita que os usuários enviem postagens sem fazer login.
Comece localmente
Este é um projeto Next.js projetado com create-next-app e convex .
Primeira instalação de nó pás de nó:
Em seguida, crie um arquivo .env.local com suas teclas de API do funcionário.
Em seguida, execute o servidor de desenvolvimento:
Abra http: // localhost: 3000 com seu navegador para ver o resultado.
Saber mais
Para saber mais sobre o Next.js, dê uma olhada nos seguintes recursos:
- Documentação Next.JS - Saiba sobre os recursos e API do Next.JS.
- Aprenda Next.js - Um tutorial interativo do próximo.js.
Para saber mais sobre convexo, dê uma olhada nos seguintes recursos:
- Documentação convexa - Saiba sobre recursos e tutoriais convexos.
Para saber mais sobre o funcionário, dê uma olhada nos seguintes recursos:
- Documentação do funcionário - Saiba sobre a autenticação do funcionário.
Para saber mais sobre a UI Shadcn, dê uma olhada nos seguintes recursos:
- Documentação da UI da SHADCN - Aprenda sobre os componentes e estilos da UI Shadcn.