Kode

• 

  Notes

• 

  DSA

• 

  Focus Center

Inspiration

• As someone who has often struggled with solving Leetcode questions, I understand how overwhelming and challenging coding tasks can be. Staying focused while tackling complex problems is crucial, yet it can feel like an uphill battle. To address this, I wanted to create a solution that can help me tackle this elegantly.

• Kode—a personal companion designed to make problem-solving more enjoyable and effective. Kode helps users tackle coding questions, browse the web using the natural language (therefore no more searching for the sites, just enter the request, and Kode will find the URL and open it for you), and, most importantly, stay on track when the focus is most needed

What it does

Productivity for Everyone 🎯

AI Mate 🤖

Simplify your web experience with a personal assistant:

• Enter a query in your preferred language (e.g., Hindi, English), and Kode understands your intent.
• It finds and opens the most relevant URLs or YouTube video results for you, saving time and effort.
• Especially helpful for people less familiar with internet browsing, like my grandmother—she loves this tool!

Focus Center 🔍

Stay on track while working on your computer:

• Enter your objective, and Kode monitors your browsing activity.
• It evaluates if a website (or YouTube video title) aligns with your goals and nudges you back on track if you stray.

Developer-Centric Features 💻

Enhanced Problem-Solving on Leetcode 🧑‍💻

• Small Hints, Not Full Answers
• Kode provides subtle hints instead of complete solutions to encourage critical thinking and genuine problem-solving.
• Prevents dependency on direct answers, ensuring a better learning experience.

Multi-Language Support 🌐

• Users can switch the language of Leetcode questions effortlessly to Hindi, Japanese, or Español.
• Makes solving coding problems more accessible for non-English speakers.
• Helps users understand problem statements in their preferred language, breaking language barriers and fostering inclusivity.

Note-Taking for Questions 📝

• Allows users to take notes for coding problems directly within the extension.
• Automatically creates short descriptions and tags for questions using the Prompt API.

Quick Question Suggestions 🔗

• Instantly generates and provides relevant Leetcode question links based on the user's request and requirements.

How we built it

The extension was made much easier thanks to the built-in Prompt, Translation, and Summarizer APIs, which eliminates the need for a backend to secure my API keys for models like Gemini.

Here is the breakdown of how I built each feature:

Working of the AI Mate 🤖

Working of the DSA tool 🧑‍💻

Working of the focus center tool 🔍

Working of the multi-language option on Leetcode 🌐

Accomplishments that we're proud of

• Able to produce good quality results from the model with prompt engineering.
• I got more familiar with the built-in AI APIs and Chrome extension APIs.
• I did code and publish Chrome extensions before but I was unaware of the fact that React could be used to build a Chrome extension. Thanks to Vite for that.
• At last, I got a chance to be a member of a community of developers who are passionate about creating good and useful tools.

What's next for Kode

I am aiming to add support for more languages and create the multimodality browser extension leveraging the Gemini APIs so that this extension can unleash its full potential.

Built With

• chrome
• css3
• html5
• javascript
• react
• tailwindcss