📘 Algo-Scribe

🚀 Inspiration

During coding interview preparation, many developers — including myself — face the same problem: organizing and revising solved questions efficiently. Copy-pasting from platforms like LeetCode or GeeksforGeeks into Notion or spreadsheets is tedious, inconsistent, and unstructured.
Algo-Scribe was born to solve this problem with automation, AI, and a clean user experience, enabling developers to manage and learn from their practice more effectively.

🔧 What it does

Algo-Scribe is a Chrome Extension that:

• Detects coding platforms like LeetCode or GeeksforGeeks.
• Captures solved questions automatically.
• Provides an AI-powered side panel for generating notes, summaries, and interview tips.
• Saves everything into a structured dashboard where users can:
  • Sort by tags, topics, difficulty
  • Review AI-generated solutions
  • Add custom questions manually
  • Organize their practice efficiently.

🛠️ How we built it

• Frontend: Built using WXT Vite Framework for Extensions and TypeScript for strong typing and maintainability.
• Backend: Using Supabase for user authentication, data storage, and real-time sync.
• AI Integration: Azure OpenAI API powers the AI chat experience.
• Automation / Agent System: n8n used for initial agent workflows. Future plans include LangChain and LangGraph for more advanced agents.
• Clean, modular, and scalable design enables future expansion.

🧗 Challenges we ran into

• Browser extension security policies (CSP, permissions) made embedding the AI chat UI complex.
• Building a seamless UX for switching between platforms (LeetCode, GFG) dynamically.
• Balancing AI costs while ensuring quick, accurate responses.
• Designing a dashboard that's both powerful and easy to use for non-technical users.

🏆 Accomplishments that we're proud of

• Delivered a fully working MVP within the hackathon timeline.
• Achieved smooth platform detection and automated question capturing.
• Built a clean, production-ready dashboard with real filtering and sorting.
• Integrated AI effectively to generate practical, interview-focused notes.

📚 What we learned

• How to architect scalable Chrome Extensions with modern tools like WXT and TypeScript.
• How to integrate Supabase efficiently with browser-based products.
• The importance of UX in developer tools — keeping things fast, minimal, and useful.
• How AI can assist not just in solving problems but in improving understanding and preparation habits.

🔮 What's next for Algo-Scribe

• Expand platform support (HackerRank, Codeforces, CodeChef).
• Integrate with GitHub to sync coding notes and track progress via commits.
• Implement Spaced Repetition & Flashcards for long-term memory retention.
• Provide analytics & progress tracking for interview readiness.
• Replace n8n with LangChain / LangGraph agents for deeper, multi-step AI assistance.
• Launch a public beta to gather feedback from the developer community.

Built With

• langchain
• langgraph
• n8n
• supabase
• tailwindcss
• typescript
• wxt