Thinkplex - Perplexity for Thinking

ThinkPlex is an interactive mind mapping application which leverages the power of perplexity web search & deep research to do random things like expand ideas, plan trips, or design solutions.

Comment

Inspiration

The inspiration for ThinkPlex came from recognizing that while we have powerful AI tools for information retrieval and content generation, there's a gap in AI-assisted structured thinking and decision-making. We wanted to create a "Perplexity for Thinking" — a platform that doesn't just give you answers but helps you think through problems systematically using proven methodologies like Edward de Bono's Six Thinking Hats and various thinking lenses.

The goal was to build a personal thinking assistant that helps users explore ideas, make better decisions, and organize their thoughts in a visual, interconnected way.

What it Does

ThinkPlex is an AI-powered thinking assistant that structures thought processes and supports better decision-making. It offers:

  • 🧠 Structured Thinking Sessions: Guided by the Six Thinking Hats methodology (White: facts, Red: emotions, Black: caution, Yellow: optimism, Green: creativity, Blue: process).
  • 🤖 AI-Powered Thought Generation: Integrates Perplexity's Sonar models to generate contextual thoughts and ideas based on selected perspectives.
  • 🗺️ Interactive Mind Maps: Expandable and collapsible visual maps that represent the flow of ideas and their relationships.
  • 📝 Notes Management: A searchable notes vault to organize and retain key insights.
  • 📊 Intelligent Reports: AI-generated research summaries, action plans, and decision reports.
  • 🔍 Thinking Lenses: Use different cognitive approaches to problem-solving.
  • 💾 Session Persistence: Save and resume sessions with full context.

How We Built It

Frontend

  • React 18 + TypeScript for robust, modern development
  • React Router for routing
  • Framer Motion for animations
  • ReactFlow for mind map visualizations
  • Tailwind CSS for responsive design
  • Lucide React for iconography

Backend

  • Node.js + Express for REST APIs
  • Supabase for auth, real-time DB, and storage
  • PostgreSQL for structured data (users, thoughts, notes, sessions)
  • JWT Authentication via Supabase

AI Integration

  • Perplexity API with Sonar & Sonar Deep Research
  • Custom prompt engineering to align with thinking hats & lenses
  • Context-aware AI response flow

Core Features

  • Dagre layout algorithm for clean mind map rendering
  • Streaming AI responses in real-time
  • Export mind maps (PNG) and reports (text/HTML)
  • Mobile-optimized UI

Perplexity API Integration

ThinkPlex leverages the Perplexity API as its core AI engine to generate contextual thoughts, explanations, and comprehensive reports. The integration is sophisticated and adapts to different thinking methodologies and user preferences.

*API Configuration * The system connects to Perplexity's Chat Completions API endpoint:

Base URL: https://api.perplexity.ai/chat/completions Authentication: Bearer token using PERPLEXITY_API_KEY environment variable *Models Used: * sonar - For standard thought generation and explanations sonar-pro - For complex research reports and deep analysis *Dynamic Parameter Tuning * ThinkPlex implements intelligent parameter adjustment based on the selected thinking hats, making the AI responses more aligned with the intended cognitive approach:

*Temperature Control (Creativity) * The temperature parameter (0.5-0.9 range) is dynamically calculated based on thinking hat selection:

Creative Hats (Green +0.15, Yellow +0.10, Red +0.10): Increase randomness for more innovative ideas Analytical Hats (White -0.10, Blue -0.05, Black -0.10): Decrease randomness for more focused, logical responses Base Temperature: 0.7, adjusted by cumulative hat effects Top-P Control (Response Breadth) The top_p parameter (0.5-0.95 range) controls the breadth of vocabulary and ideas:

Expansive Thinking (Green +0.10, Yellow +0.10): Broader vocabulary for diverse perspectives Focused Thinking (Blue -0.10, Black -0.10): Narrower vocabulary for precise, targeted responses Base Top-P: 0.8, adjusted by cumulative hat effects

*Context-Aware Prompt Engineering * The system constructs sophisticated prompts with multiple components:

User Intent Definition: Clearly specifies the task (initial thoughts vs. focused expansion) Thinking Hat Integration: Incorporates selected perspectives (factual, emotional, critical, creative, etc.) Thinking Lens Application: Applies cognitive frameworks (first-principles, user-centered, contrarian, etc.) Custom Prompt Weighting: Balances user-provided guidance with systematic thinking approaches Output Formatting: Ensures consistent JSON structure for reliable parsing

Challenges We Ran Into

  • 🔄 Complex State Management between thoughts, maps, and AI
  • 🌐 Automatic Layout for mind maps while maintaining clarity
  • 🧩 AI Context Handling across thinking modes
  • ⚡ Real-time Sync between mind map UI and AI responses
  • 🔐 Secure Authentication with smooth user experience
  • 📱 Responsive UI for multi-panel interactions on all devices

Accomplishments That We’re Proud Of

  • 🤝 Seamless AI Integration with contextual awareness
  • 🌳 Intuitive Mind Mapping that auto-structures hierarchies
  • 🧠 Digital Thinking Frameworks like Six Thinking Hats
  • 📚 Persistent Knowledge System for thoughts, notes, and reports
  • 💡 Modern UX with beautiful animations and responsive design
  • 🏗️ Scalable Architecture ready for future AI and UX expansions

What We Learned

  • ✍️ Prompt Engineering for different cognitive workflows
  • ⚙️ State Management in complex multi-component UIs
  • 🔄 Graph Layouts and real-time mind map interactions
  • 🧑‍🎨 UX for Cognitive Tasks that stay user-friendly
  • 🗃️ Relational DB Design for hierarchical structures
  • 🔐 Auth & Security using modern tools like Supabase

What's Next for ThinkPlex – Perplexity for Thinking

  • 🔮 Enhanced AI Models: Add support for OpenAI, Anthropic, etc.
  • 🧑‍🤝‍🧑 Collaborative Thinking: Real-time multiplayer sessions
  • 📈 Thinking Analytics: Detect patterns and cognitive biases
  • 📱 Mobile App: iOS/Android apps for portable thinking
  • 🔗 Tool Integrations: Connect with Notion, Obsidian, Trello
  • 🧰 Custom Frameworks: Let users build/share their own models
  • 🗣️ Voice Interface: Talk-to-think with AI responses
  • 🌐 Advanced Visualizations: 3D mind maps, timelines, more
  • 🏢 Enterprise Features: Team roles, permissions, integrations
  • 🤖 AI-Powered Insights: Smart suggestions for better thinking

💡 ThinkPlex — Your Cognitive Copilot

Think better. Decide smarter. Create faster.

Built With

Share this project:

Updates