A Chrome extension uses chatgpt API with both the frontend (chrome extension) and backend (expressjs server).
![](https://private-user-images.githubusercontent.com/37495338/242906769-7c9b7950-7c47-4d3e-a462-624e3fcd0c5f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NjQxNzIsIm5iZiI6MTczOTg2Mzg3MiwicGF0aCI6Ii8zNzQ5NTMzOC8yNDI5MDY3NjktN2M5Yjc5NTAtN2M0Ny00ZDNlLWE0NjItNjI0ZTNmY2QwYzVmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDA3MzExMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVlOWVhYzNhYzdiNjI3YTZiODM1NDllOGI2YTNjZWFiMGQ1OGIyZDk1NTJkZmViNTQyMGRiMDQyNzFkMDUzMzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.4l6IEbfV6oFRVUND4btf9ggmhX-W53SLZKZQdUF1W6g)
![](https://private-user-images.githubusercontent.com/37495338/242906783-3e2db665-0bfb-466a-a7a8-868ded7115c7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NjQxNzIsIm5iZiI6MTczOTg2Mzg3MiwicGF0aCI6Ii8zNzQ5NTMzOC8yNDI5MDY3ODMtM2UyZGI2NjUtMGJmYi00NjZhLWE3YTgtODY4ZGVkNzExNWM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDA3MzExMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM5ODE5OWFhNWZkYjNlM2VhYzMwYzM2NTYxMTBkODJjNzRlZGQzODY2NDUyMTcxYjhhNGIxNDdkNjkyZmQ3ZTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.v9rmRFaqYsgQgrZr-ydjYSnb8xRvqh66wvZkIWMA5hw)
![](https://private-user-images.githubusercontent.com/37495338/242906791-900ec5ac-a36a-49ae-b5a1-87d0ed5f5ad4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NjQxNzIsIm5iZiI6MTczOTg2Mzg3MiwicGF0aCI6Ii8zNzQ5NTMzOC8yNDI5MDY3OTEtOTAwZWM1YWMtYTM2YS00OWFlLWI1YTEtODdkMGVkNWY1YWQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDA3MzExMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlMjY3NjRmMjkzZTg2YTdjMGY2YTRjMGYxNTUzM2FjMTExNjExNWQ1MzI2M2ExMWM5MmRkNzI3MmM5NGMzNjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.h5xQoAoz58kL6lpvnw0EuCz8oaKS63u_a68DXRnyWig)
First clone this repo on your local machine
Then install dependencies with nodejs v18.15
npm install
Copy .env-example
into a new file named .env
and add your ChatGPT API Key.
Run the server so the extension can communicate with ChatGPT.
node server.js
Add the extension
Get a demo directly from chrome web store! Published extension on chrome store