Inspiration
In today's fast-paced digital world, we're constantly bombarded with information. Whether it's dense legal documents, lengthy articles, or complex code, it can be overwhelming to sift through it all. I found myself struggling with this very problem while trying to quickly determine if I could use certain IDEs for hackathons. Poring over pages of terms and conditions was a major time sink! I knew there had to be a better way – a way to get instant answers and assistance without interrupting my workflow. That's the spark that ignited Nano Scribe.
While powerful AI tools like Gemini are incredible, I craved a seamless experience. I didn't want to juggle multiple tabs or copy and paste text back and forth. I envisioned an AI companion that would reside right alongside my browsing experience, providing instant insights and support. Nano Scribe is the realization of that vision. Inspired by the elegance of Chrome's own design and the power of Gemini's Nano models, I set out to create an extension that would empower users to conquer information overload with ease.
What it does
Nano Scribe is a Google Chrome extension that harnesses the power of Gemini Nano models to provide an array of AI-powered functionalities, including:
- Prompting: Engage in dynamic conversations with Gemini, asking questions and receiving insightful answers.
- Summarizing: Condense lengthy articles and documents into concise summaries, saving you valuable time.
- Writing: Generate creative text formats, from poems to code, with the assistance of AI.
- Rewriting: Refine and enhance your writing with AI-powered suggestions.
All of this happens within a sleek side panel that integrates seamlessly into your Chrome browser, acting as a constant companion in your digital journey.
How I built it
Nano Scribe is built from the ground up using Javascript. I started by focusing on the core summarization functionality, gradually adding more features and refining the user interface.
Challenges I ran into
As a backend developer at heart, venturing into the world of frontend design and user experience was a significant challenge. I'm more accustomed to the command line than crafting visually appealing interfaces. However, I drew inspiration from Google's clean and intuitive design language, striving to create an extension that is both powerful and user-friendly.
One of the biggest hurdles was finding the right design for presenting the AI's responses. Initially, I experimented with pop-up windows, but quickly realized that this cluttered the screen and disrupted the user's flow. After exploring Chrome's extension capabilities, I discovered the side panel – the perfect solution for providing a dedicated space for Nano Scribe's functionality.
Accomplishments that I'm proud of
I'm incredibly proud of the smooth and intuitive workflow I've achieved with Nano Scribe. The extension feels responsive and efficient, providing users with quick access to powerful AI assistance.
What I learned
This project was a deep dive into Javascript, Chrome extension libraries, and the intricacies of frontend development. I gained valuable experience in translating backend functionality into a seamless and engaging user interface.
What's next for Nano Scribe
- Context Menu Integration: Enable users to access Nano Scribe's features directly from the right-click context menu for even faster interactions.
- AI Translation: Integrate Gemini Nano's translation capabilities to break down language barriers and facilitate global communication.
- Enhanced Quality of Life: Continuously improve the extension's performance, stability, and user experience based on user feedback.
Log in or sign up for Devpost to join the conversation.