Inspiration
The idea for SonarSense came from the frustration of constantly switching between multiple tabs and websites to get comprehensive stock analysis. We wanted to create a seamless experience where traders and investors could access AI-powered insights directly on the financial websites they already use, eliminating the need for fragmented research workflows.
What it does
SonarSense is a Chrome extension that transforms how users consume financial data by providing real-time AI-powered stock analysis directly on trading websites. It automatically detects stock symbols on pages like Yahoo Finance and Bloomberg, then delivers comprehensive insights including technical analysis, market sentiment, recent news analysis, competitor comparisons, and key financial metrics through an elegant side panel interface powered by Perplexity AI.
How we built it
We built SonarSense using a modern tech stack with React and TypeScript for the Chrome extension frontend, FastAPI with Python for the backend API, and Supabase for authentication and data management. The extension uses content scripts to detect stock symbols on financial websites, while our backend integrates with Perplexity AI's API to generate structured financial analysis. We implemented CORS handling for cross-origin requests and created a responsive UI optimized for narrow side panels.
Challenges we ran into
The biggest challenge was handling CORS restrictions when making API calls from a Chrome extension to external services. We also faced difficulties with URL parsing across different financial websites, each having unique URL structures for stock pages. Additionally, designing a compact yet comprehensive UI for the narrow extension sidebar required multiple iterations to achieve proper information density without overwhelming users.
Accomplishments that we're proud of
We successfully created a seamless integration that works across multiple major financial websites with automatic stock symbol detection. Our AI-powered analysis provides genuinely useful insights including technical indicators, sentiment analysis, and news summaries in a clean, organized interface. We're particularly proud of the real-time data processing and the elegant UX that makes complex financial data easily digestible.
What we learned
We learned the intricacies of Chrome extension development, particularly content script injection and message passing between different extension contexts. Working with AI APIs taught us about structured data extraction and prompt engineering for consistent financial analysis. We also gained valuable experience in designing information-dense UIs and handling cross-origin requests in browser extensions.
What's next for SonarSense
Next, we plan to add portfolio tracking capabilities, price alerts, and custom watchlists. We want to integrate with more financial data providers for real-time pricing and expand AI analysis to include options trading insights and crypto analysis. We're also exploring features like collaborative research sharing, advanced charting tools, and integration with popular trading platforms for seamless trade execution.
Log in or sign up for Devpost to join the conversation.