Instalação - Engenheiros-de-Prompt/FeedBadger-Extension GitHub Wiki

⚙️ Guia Completo de Instalação — FeedBadger

Este guia explica como instalar e executar o FeedBadger localmente, incluindo:

  • 🧠 Backend (API)
  • 🖼️ Frontend (Interface web)
  • 🧩 Extensão do Google Chrome

📦 Pré-requisitos

Antes de começar, você precisa ter instalado:

📁 Passo 1 — Clonar os repositórios

Abra seu terminal e clone os três repositórios:

git clone https://github.com/Engenheiros-de-Prompt/Back-End.git

git clone https://github.com/Engenheiros-de-Prompt/Front-End.git

git clone https://github.com/Engenheiros-de-Prompt/FeedBadger-Extension.git

🧠 Passo 2 — Configurar e rodar o Back-End

Acesse a pasta:

cd Back-End

Instale as dependências:

npm install

Configure o arquivo .env com os dados do banco PostgreSQL:

Exemplo:

DATABASE_URL=postgresql://usuario:senha@localhost:5432/feedbadger

Execute as migrações (se estiver usando ORM como Prisma):

npx prisma migrate dev

Ou o comando correspondente ao ORM usado.

Inicie o servidor:

npm run dev

🔗 O backend deve rodar em http://localhost:5173

🖼️ Passo 3 — Rodar o Front-End

Em uma nova aba do terminal, acesse a pasta:

cd ../Front-End

Instale as dependências:

npm install

Inicie o servidor de desenvolvimento:

npm run dev

🔗 O frontend estará disponível em http://localhost:3000

⚠️ Certifique-se de que o backend esteja rodando antes de abrir o front.

🧩 Passo 4 — Instalar a extensão do Chrome

Abra o Chrome e vá até: chrome://extensions

Ative o modo desenvolvedor no canto superior direito.

Clique em “Carregar sem compactação”.

Selecione a pasta Extensao-FeedBadger que foi clonada anteriormente.

O ícone da extensão aparecerá na barra de ferramentas do navegador.

🔗 Ao clicar no ícone, a extensão abrirá http://localhost:3000 em uma nova aba.

✅ Conclusão

Após seguir os passos acima, você terá o ambiente completo do FeedBadger funcionando localmente:

✅ Backend operando em http://localhost:5173

✅ Frontend acessível via http://localhost:3000

✅ Extensão instalada e funcionando no navegador

Agora você está pronto para utilizar e desenvolver o FeedBadger! 🎉

📎 Repositórios do Projeto

🔙 Back-End

🔜 Front-End

🧩 Extensão para Chrome

🙌 Dúvidas ou problemas?

Confira a página de FAQ da wiki ou abra uma issue no GitHub.