AI powered coding assistant
The CodeAssist is a browser extension designed to help developers quickly get coding assistance directly within their browser. It leverages OpenAI's GPT-4 model to provide quick and detailed responses to coding queries.
- Quick Response: Provides a concise, predefined response for common coding queries without sending a request to the API.
- Detailed Response: Sends a request to the OpenAI API to get a detailed, contextual response to your coding query.
- User-Friendly Interface: Simple and intuitive UI for entering code queries and viewing responses.
- Clone the repository or download the ZIP file and extract it.
- Open your browser and go to the Extensions page (usually found in the settings menu).
- Enable "Developer mode" if it's not already enabled.
- Click "Load unpacked" and select the directory where you extracted the files.
- The ChatGPT Code Assistant extension should now be installed and active.
- Click on the ChatGPT Code Assistant icon in your browser toolbar to open the extension popup.
- Enter your code query in the text area.
- Choose either "Quick Response" or "Detailed Response":
- Quick Response: Click the "Quick Response" button to get a predefined short answer for common coding syntax and issues.
- Detailed Response: Click the "Detailed Response" button to send your query to the OpenAI API and receive a more detailed, context-aware answer.
- View the response in the output area below the buttons.
- manifest.json: Defines the extension's metadata and permissions.
- popup.html: The HTML file for the extension's popup interface.
- style.css: The CSS file for styling the extension's popup interface.
- popup.js: The JavaScript file that handles user interactions and API requests.
Enter Query
Choose Response Type
...and voila!!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent