I got issue(renamed it) while pushing repo to github .It became mess so i started working with the backup files. Hoping this will be evaluated. Demo_video :: https://youtu.be/bIunA-yyYhY
This Chrome extension integrates an AI-powered chatbot into the maang.in website, providing users with context-aware assistance for coding problems. The extension seamlessly blends with the site’s UI and offers a range of interactive features to enhance the user experience.
- Context-Aware Problem Details Extraction: Extracts all relevant details of the problem for context.
- User Code Extraction: Retrieves user code from local storage.
- Integrated 'Ask AI' Button: Beautifully integrated button that blends seamlessly with the website's design.
- Interactive Chat: Engaging and interactive chat experience.
- Single Prompt Submission: The prompt is sent only once; subsequent interactions directly call the API.
- Hint and Editorial Extraction: Extracts hints and editorial code that aren't part of the DOM.
- Chat Storage: Stores chat history for easy access and reference.
- Organized Code Display: Displays codes in an organized manner within the chatbox.
- Copy Code Button: Provides a convenient copy button for AI-generated code.
- Dark Mode Integration: Seamlessly integrates with the site's dark mode.
- Delete Chat History: Allows users to delete chat history.
- UI Consistency: User interface designed to match the site's aesthetics.
- Hover and Focus Effects: Adds hover and focus effects at the chatbox input.
- Enter Key Support: Supports the Enter key for submitting input in the chatbox.
- Separate Files for Scraping and Prompts: Uses separate files for scraping (
scrape.js) and prompt generation (prompt.js).
- Clone the repository:
https://github.com/samimshoaib01/AI_Chat_bot
- Navigate to the extension directory:
cd AI_Chat_bot - Open Chrome and go to
chrome://extensions/. - Enable "Developer mode" using the toggle switch in the top right corner.
- Click the "Load unpacked" button and select the extension directory.
- Navigate to the maang.in website.
- Click the 'Ask AI' button integrated into the site to open the chatbox.
- Interact with the chatbot to get context-aware assistance and solutions for coding problems.
- API keys are hard coded. If expired the this can be changed to AIzaSyBNT2rFCKyh7E-GNpJ6h0lqyjn0Q-kgcoE
Feel free to fork this repository and submit pull requests. Contributions are welcome!
This project is licensed under the MIT License. See the LICENSE file for details.
- Shoaib Samim - GitHub