Portfólio

Imagem

🧑‍💻 Portfólio

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

Meu portfólio é uma aplicação full stack que integra tecnologias populares do mercado para criar uma vitrine digital das minhas habilidades e projetos. Esta plataforma vai além da simples exibição dos meus trabalhos anteriores, funcionando como uma demonstração prática das minhas capacidades técnicas e evidenciando meu domínio em desenvolvimento web moderno.

Além de apresentar meus projetos, a aplicação incorpora agentes de IA inteligentes que têm acesso completo ao meu currículo, aos meus repositórios do GitHub e ao meu histórico profissional. Essa integração permite que recrutadores e potenciais clientes explorem, por meio de interações em tempo real via chat, aspectos específicos das minhas competências técnicas. Os chats com os agentes oferecem insights valiosos, permitindo que os visitantes façam perguntas e recebam informações detalhadas sobre minhas habilidades e experiências, 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/gabrondev/portfolio.git
    
  2. Acesse o diretório do projeto:

    cd portfoleo
    
  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 💎