Creating a Chrome Extension with ChatGPT

Inspiration As innovators, we always strive to create something that could make people's lives easier. With the rise of chatbots and AI-powered communication, we thought it would be interesting to create a chrome extension that could seamlessly integrate ChatGPT with the browsing experience.

Learning Before starting the project, we had to learn about ChatGPT and its API. We also had to learn about chrome extension development and how to integrate ChatGPT into it. We researched various chatbot models by reading articles, watching videos, and experimenting with different tools and frameworks.

## Building the Project Once we had a good understanding of the technologies involved, we started building the project. We focused first on the core of the project - integrating the ChatGPT API with any website through a Chrome extension. After ensuring basic communication between the browser and the API, we moved on to developing the core User Interface. We focused on creating a sleek environment in which AI-assisted learning can achieve its full potential with no barriers. After the UI was polished, we tackled various bugs and added features to expand the scope of the extension, such as adding compatibility with PDFs. ## Challenges Code readability was a major issue, as working in JavaScript in a short timeframe resulted in maintaining one massive file for most features. One of the biggest challenges we faced was integrating ChatGPT with PDFs. Highlighting text in Chrome does not interact well with PDF files, so we had to create clever workarounds to include this functionality. Another challenge was creating a user interface that was both functional and aesthetically pleasing. We had to spend a lot of time tweaking the design to make sure it was easy to use and visually appealing.