Open Tech Explorer → Dive Into Tech Stacks

Real-time, community-driven discovery of website technologies: uncover frameworks, analytics, and performance insights instantly through a Browser extension and web platform.

Comment

About the project

Open Tech Explorer was born from a simple observation: every developer, researcher, or curious mind has encountered a site and wondered, “What’s it built with?” Existing tools felt clunky, outdated, or closed-source. I wanted a truly open, community-powered platform that not only detects frameworks and libraries in real time but also learns and grows with contributions from users worldwide.

Inspiration

  • During hackathons, I saw teammates manually inspect pages to identify tech stacks-time lost, context missed.
  • I dreamed of a tool that fused automated DOM & network analysis with crowd-sourced validation.
  • Open-source ethos drove us: democratize access to web-tech intelligence and empower research, security audits, and learning.

What I Learned

  • Edge functions & real-time sync: Building Deno-powered Supabase edge handlers taught us how to deliver sub-200 ms responses at scale.
  • Extension UX: Balancing one-click simplicity with rich feedback loops revealed the art of unobtrusive UI design.

How I Built It

  1. Frontend: React + Vite + Tailwind for a snappy, responsive web app.
  2. Detection: Content scripts scan window globals, network requests, and resource headers.
  3. Backend: Supabase (Postgres + real-time), Deno edge functions, full-text search for advanced queries.
  4. Extension: Manifest V3/V2 service worker handling data sync and push notifications for new discoveries.
  5. Analytics & Trends: WebSocket streams power live “new technology” counters and trend graphs.

Click to view code on Github

Built With

Share this project:

Updates