Portfolio

Imagem do projeto
TypescriptTypescript
TailwindTailwind
SupabaseSupabase
PrismaPrisma
N8NN8N
VercelVercel
NestJSNestJS
ReactReact
NextJSNextJS

🧑‍💻 Portfolio

GitHub stars GitHub forks GitHub issues
Next.js NestJS TypeScript Prisma TailwindCSS React n8n Supabase

O Portfolio é uma aplicação full stack que integra tecnologias populares do mercado para criar uma vitrine digital das habilidades e projetos de um desenvolvedor. Esta plataforma vai além da simples exibição de trabalhos anteriores, funcionando como uma demonstração prática das capacidades técnicas do profissional, evidenciando seu domínio em desenvolvimento web moderno.

Além de apresentar os projetos do desenvolvedor, a aplicação incorpora agentes de IA inteligentes que têm acesso completo ao currículo, repositórios do GitHub e histórico do profissional. Essa integração permite que recrutadores e potenciais clientes explorem, através de interações em tempo real via chat, aspectos específicos das competências técnicas do desenvolvedor. Os chats com os agentes oferecem insights valiosos, permitindo que visitantes façam perguntas e recebam informações detalhadas sobre as habilidades e experiências do profissional, tornando o processo de avaliação mais dinâmico e informativo.

🖥️ Como rodar este projeto 🖥️

Requisitos:

  • Node.js instalado

Execução:

  1. Clone este repositório:

    git clone https://github.com/patresio/portfolio.git

  2. Acesse o diretório do projeto:

    cd portfolio

  3. Acesse sua conta no Supabase ou crie uma nova conta.

  4. Navegue até o projeto no Supabase e clique no botão connect.

  5. Clique em selecionar ORM e selecione o ORM Prisma.

  6. Copie as variáveis de ambiente listadas, crie um arquivo .env na pasta backend e preencha com as seguintes informações:

    DATABASE_URL=
DIRECT_URL=
PORT=

    Obs: Caso o valor da porta não seja adicionado, a aplicação rodará por padrão na porta 4000

  7. Crie uma conta no site no n8n, e importe o fluxo definido no arquivo assistente-pessoal que está na pasta assets.

  8. Após importar o fluxo, clique no primeiro nó, acesse webhooks url, clique em Production URL e copie o valor dessa URL. Obs: Lembre-se de ativar o workflow no n8n

  9. Crie um arquivo .env na pasta web e preencha com as seguintes informações, sendo que a URL da API é a URL do backend e a segunda variável deve ter como valor a URL que extraimos no n8n:

    NEXT_PUBLIC_API_URL=
NEXT_PUBLIC_CHAT_WEBHOOK=

  10. Instale as dependências dos projetos web e backend com o comando npm i em cada uma das pastas

  11. Abra as pastas web e backend em dois terminais diferentes e rode o comando npm run dev em cada um dos terminais para executar o projeto.

🗒️ Features do projeto 🗒️

  • Exibição de Projetos
  • Integração com Agentes de IA via Chat
  • Repositórios GitHub Integrados
  • Lista de tecnologias destacadas
  • Lista de tecnologias dos projetos
  • Buscar os projetos por Id com as tecnologias associadas

💎 Links úteis 💎