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:
- Node.js (v18 ou superior)
- npm ou yarn
- PostgreSQL
- Git
- Google Chrome (para usar a extensão)
📁 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.