Skip to content

pravalika2307/SynapseIQ

Repository files navigation


โšก SynapseIQ

Where Data Becomes Decisions

AI Operating System for Executive Decision Making


๐Ÿ† Built for Google GenAI Academy Hackathon 2026


React TypeScript Vite Tailwind CSS Google Gemini License: MIT


Hackathon Submission Build Version Cloud Run Ready



๐ŸŽฅ Watch Demo ย ยทย  ๐Ÿš€ Live App ย ยทย  ๐Ÿ“„ Presentation ย ยทย  ๐Ÿ“š Documentation



SynapseIQ Demo

Landing Portal โ€” Drag-and-drop CSV intake with automatic business profiling


โšก Intelligent Dataset Analysis ๐Ÿง  Google Gemini Powered ๐Ÿ“Š 8 AI-Driven Modules ๐Ÿ“‘ Automated Executive Reports โ˜๏ธ Cloud Run Ready
Profiles industry, KPIs, outliers Live AI reasoning + offline fallback End-to-end decision intelligence Boardroom-ready in one click Production Docker + Nginx


๐Ÿ“‹ Table of Contents



๐ŸŒ Overview

SynapseIQ is an AI-powered Decision Intelligence Platform that transforms structured business datasets into executive-ready insights, strategic recommendations, interactive business relationship maps, forecasting simulations, and boardroom-ready reports โ€” all powered by Google Gemini.

Unlike traditional BI dashboards that passively display charts, SynapseIQ acts as a living AI operating system that proactively surfaces strategic narratives, detects anomalies, simulates business scenarios, and guides executives toward high-confidence decisions.

"This isn't another analytics tool. This is an AI strategist embedded inside your business data."



๐Ÿ†š Why SynapseIQ?

Capability Traditional Business Intelligence โšก SynapseIQ
Output Static charts and dashboards Executive decisions and strategic recommendations
Analysis Shows what happened Explains why it happened + what to do next
Reporting Manual, hours-long process Auto-generated boardroom reports in seconds
AI Integration Generic chatbot widget Context-aware strategist with full dataset awareness
Insights Reactive โ€” discovered after damage Proactive โ€” AI Initiative Cards surface issues first
Scenarios Not possible Live scenario simulation with real-time trade-off analysis
Relationships Siloed metric views Interactive correlation graph (Strategy Canvas)
Confidence No quality signals Dynamic AI confidence scoring per dataset
Data Limits Silent failures Honest AI declarations when data is insufficient
Deployment Enterprise software license Open-source, Docker-ready, Cloud Run in minutes


โœจ Key Features

๐Ÿ“Š Executive Brief

AI-narrated business health summary with today's strategic priorities, top opportunities, critical risks, and dynamic confidence scoring โ€” built for immediate boardroom consumption.

๐Ÿง  Strategy Canvas

Interactive React Flow relationship graph that maps mathematical correlations between Revenue, Profit, Marketing ROI, Inventory, and Customer Satisfaction. Hover any node for correlation strength and strategic insight.

๐Ÿ“ก Business Signals

Real-time anomaly telemetry matrix detecting meaningful business events โ€” revenue-profit divergence, satisfaction drops, inventory pressure, and marketing ROI outliers โ€” with McKinsey-style explanations.

๐Ÿค– AI Strategist (Decision Copilot)

Gemini-powered split-pane consulting interface delivering structured executive responses: Summary โ†’ Evidence โ†’ Interpretation โ†’ Recommendation โ†’ Confidence โ†’ Follow-up.

๐Ÿ“ˆ Forecast Studio

Six-lever scenario simulator โ€” Marketing, Pricing, Inventory, Hiring, Retention, Costs โ€” with real-time AI trade-off analysis and projected revenue, margin, and risk scoring.

๐Ÿ“… Business Timeline

Chronological narrative ledger translating raw dataset records into a human-readable business story with category filtering and trend visualization.

๐Ÿ“‘ Boardroom Report

Seven-section auto-generated executive report: Executive Summary ยท Business Health ยท Key Opportunities ยท Critical Risks ยท Forecast ยท Strategic Recommendations ยท 90-Day Action Plan.

๐Ÿ“‚ Intelligent Dataset Upload

Upload any CSV business dataset. SynapseIQ auto-profiles the data: detects industry type, infers key business metrics, identifies missing values and Z-score outliers, and adapts all modules to your context.

Additional Capabilities:

  • ๐ŸŽฌ AI Narrative Engine โ€” Full-screen animated narrative post-analysis guiding executives through key findings
  • โœจ Presentation Mode โ€” One-click projector-optimized interface with expanded spacing and focused layouts
  • ๐Ÿงญ Guided Demo Tour โ€” Automated 3-minute walkthrough built for hackathon judges โ€” no setup required
  • ๐Ÿ”’ Honest AI Declarations โ€” Clear diagnostic banners when data is insufficient; no hallucinated answers
  • ๐ŸŒ Intelligence Mesh โ€” Ambient animated particle background responding to data state changes


๐Ÿ— Architecture

System Architecture โ€” End-to-End Data Flow

graph TD
    A["๐Ÿ“‚ Dataset Upload\nCSV Drag-and-Drop"] --> B["๐Ÿ”ฌ csvParser.ts\nData Processing Engine"]

    B --> C["๐Ÿ“Š Statistical Analysis\nKPIs ยท Pearson Correlations\nZ-Score Outliers ยท Missing Values"]
    B --> D["๐Ÿญ Auto-Profiling\nIndustry ยท Metrics ยท Timeframe"]

    C --> E["๐Ÿค– geminiService.ts\nGoogle Gemini API"]
    D --> E

    E --> F["๐Ÿง  Decision Intelligence Engine\nlocalAnalysis.ts"]
    F --> G["๐Ÿ’พ store.ts\nZustand Global State"]

    G --> H["๐Ÿ“‹ Executive Brief\nHealth ยท Priorities ยท Confidence"]
    G --> I["๐Ÿ•ธ Strategy Canvas\nCorrelation Relationship Graph"]
    G --> J["๐Ÿค– AI Strategist\nContext Chat ยท Evidence ยท Actions"]
    G --> K["๐Ÿ“ˆ Forecast Studio\nScenario Sliders ยท Trade-offs"]
    G --> L["๐Ÿ“‘ Boardroom Report\n7-Section Auto-Report"]
    G --> M["๐Ÿ“ก Business Signals\nAnomaly Detection Cards"]
    G --> N["๐Ÿ“… Business Timeline\nChronological Narrative"]

    style A fill:#0D1117,stroke:#83D18B,stroke-width:2px,color:#fff
    style E fill:#0D1117,stroke:#4285F4,stroke-width:2px,color:#fff
    style G fill:#0D1117,stroke:#A855F7,stroke-width:2px,color:#fff
Loading

The CSV parser computes Pearson correlations, Z-score outliers (ยฑ3ฯƒ), and missing value ratios. This statistical profile feeds Google Gemini to generate a context-rich analysis JSON, which hydrates the Zustand global store powering every module simultaneously.


AI Processing Pipeline โ€” Decision Copilot

sequenceDiagram
    participant E as Executive
    participant SC as Strategy Canvas
    participant S as Zustand Store
    participant G as Google Gemini
    participant L as Local Reasoning Engine

    E->>SC: Hover node (Revenue)
    SC->>E: Show correlated nodes + correlation strength
    E->>SC: Click node (Revenue)
    SC->>S: setActiveNodeId("revenue")
    S->>E: Refresh context panel with node data

    E->>G: "Why did revenue increase?"
    alt Gemini API configured
        G->>E: Summary ยท Evidence ยท Recommendation ยท Confidence
    else No API key / Offline
        L->>E: Dataset-grounded heuristic response
    end
    Note over E,L: Format: Summary โ†’ Evidence โ†’ Interpretation โ†’ Recommendation โ†’ Confidence โ†’ Follow-up
Loading

Every AI response โ€” whether from Gemini or the local fallback โ€” follows the same structured executive format. The local reasoning engine uses computed KPI stats (mean, max, min, total) from the parsed dataset to provide data-grounded answers without an API key.


Deployment Architecture โ€” Vercel

graph LR
    Dev["๐Ÿ’ป Local Development<br/>React + TypeScript + Vite"] -->|git push| GH["๐Ÿ™ GitHub Repository<br/>pravalika2307/SynapseIQ"]

    GH -->|Automatic CI/CD| Vercel["โ–ฒ Vercel Platform<br/>Build & Deploy"]

    Vercel -->|Production Deployment| Web["๐ŸŒ SynapseIQ Web Application<br/>HTTPS ยท Global CDN"]

    Web -->|API Request| Gemini["๐Ÿค– Google Gemini API<br/>AI Decision Intelligence"]

    Gemini -->|AI Responses| Web

    Users["๐Ÿ‘จโ€๐Ÿ’ผ Executives<br/>๐Ÿ“Š Analysts<br/>๐Ÿ“ˆ Managers"] -->|Access via Browser| Web

    style GH fill:#0D1117,stroke:#fff,stroke-width:1px,color:#fff
    style CR fill:#0D1117,stroke:#4285F4,stroke-width:2px,color:#fff
Loading

The multi-stage Dockerfile compiles the React SPA in a Node.js builder container, then serves static assets via a minimal Nginx Alpine image on port 8080 โ€” ideal for Google Cloud Run's serverless container model.



๐Ÿ› ๏ธ Technology Stack

Frontend

Technology Version Purpose
React 19.x UI Component Framework
TypeScript 6.x Strict Type Safety & Developer Experience
Vite 8.x Build Tool & Dev Server
Tailwind CSS v4 Utility-first Dark Theme Styling
Framer Motion 12.x Animations & Page Transitions
React Router v7 Client-side Hash Routing
Zustand 5.x Global Application State

AI & Data Intelligence

Technology Purpose
Google Gemini API Executive briefs ยท Copilot chat ยท Scenario reasoning
Local Reasoning Engine Offline heuristic analysis grounded in computed dataset statistics
Pearson Correlation Engine Business metric relationship mapping for Strategy Canvas
Z-Score Outlier Detection Statistical anomaly identification (ยฑ3ฯƒ threshold)
Dynamic Confidence Scoring AI quality index based on dataset completeness and outlier density

Visualization

Technology Version Purpose
React Flow (xyflow) 12.x Interactive Strategy Canvas node graph
Recharts 3.x Business charts, scatter plots, line charts

Infrastructure

Technology Purpose
Docker Multi-stage production container (Node builder โ†’ Nginx Alpine)
Nginx Static SPA serving with hash-router fallback rules
Google Cloud Run Serverless HTTPS container deployment
Google Cloud Build CI/CD from GitHub to Artifact Registry


๐Ÿ“ Project Structure

SynapseIQ/
โ”‚
โ”œโ”€โ”€ Dockerfile                  # Multi-stage production container
โ”œโ”€โ”€ nginx.conf                  # SPA routing + static serving config
โ”œโ”€โ”€ package.json                # NPM manifest (v1.0.0)
โ”œโ”€โ”€ tsconfig.json               # TypeScript strict configuration
โ”œโ”€โ”€ vite.config.ts              # Vite build configuration
โ”œโ”€โ”€ CHANGELOG.md                # Version history
โ”œโ”€โ”€ CONTRIBUTING.md             # Contribution guidelines
โ”œโ”€โ”€ SECURITY.md                 # Security policy
โ”‚
โ”œโ”€โ”€ docs/
โ”‚   โ””โ”€โ”€ screenshots/            # README screenshots (7 pages)
โ”‚
โ”œโ”€โ”€ public/
โ”‚   โ””โ”€โ”€ favicon.svg             # Application icon
โ”‚
โ””โ”€โ”€ src/
    โ”œโ”€โ”€ App.tsx                 # Root HashRouter + route definitions
    โ”œโ”€โ”€ main.tsx                # React DOM entry point
    โ”œโ”€โ”€ index.css               # Global design tokens + Tailwind
    โ”‚
    โ”œโ”€โ”€ components/             # Shared UI components
    โ”‚   โ”œโ”€โ”€ ui/                 # Atomic design system (Button, Card, Badgeโ€ฆ)
    โ”‚   โ”œโ”€โ”€ DecisionGraph.tsx   # React Flow interactive relationship graph
    โ”‚   โ”œโ”€โ”€ AIMissionControl.tsx    # Animated AI narrative overlay
    โ”‚   โ”œโ”€โ”€ DemoController.tsx  # Guided demo tour state machine
    โ”‚   โ”œโ”€โ”€ IntelligenceMesh.tsx    # Ambient animated particle background
    โ”‚   โ”œโ”€โ”€ LiveInsightStream.tsx   # Live activity ticker sidebar
    โ”‚   โ”œโ”€โ”€ PresentationToolbar.tsx # Presentation mode toggle
    โ”‚   โ”œโ”€โ”€ Sidebar.tsx         # Collapsible navigation panel
    โ”‚   โ”œโ”€โ”€ Topbar.tsx          # Top bar + AI status indicators
    โ”‚   โ””โ”€โ”€ UploadZone.tsx      # CSV drag-and-drop upload
    โ”‚
    โ”œโ”€โ”€ features/               # Business logic & AI services
    โ”‚   โ”œโ”€โ”€ csvParser.ts        # CSV ingestion ยท profiling ยท correlation engine
    โ”‚   โ”œโ”€โ”€ data.ts             # Node context and telemetry data maps
    โ”‚   โ”œโ”€โ”€ defaultDataset.ts   # Built-in demo dataset (NovaRetail Q2)
    โ”‚   โ”œโ”€โ”€ demoStore.ts        # Guided tour Zustand state machine
    โ”‚   โ”œโ”€โ”€ geminiService.ts    # Google Gemini API integration
    โ”‚   โ”œโ”€โ”€ localAnalysis.ts    # Offline heuristic analysis engine
    โ”‚   โ””โ”€โ”€ store.ts            # Global application state (Zustand)
    โ”‚
    โ”œโ”€โ”€ layouts/
    โ”‚   โ””โ”€โ”€ DashboardLayout.tsx # Sidebar + Topbar shell wrapper
    โ”‚
    โ””โ”€โ”€ pages/                  # Full-page view components
        โ”œโ”€โ”€ Landing.tsx         # Upload portal + AI intake sequence
        โ”œโ”€โ”€ ExecutiveBrief.tsx  # Executive summary + health + priorities
        โ”œโ”€โ”€ BusinessTimeline.tsx    # Chronological event narrative
        โ”œโ”€โ”€ BusinessSignals.tsx # Anomaly telemetry matrix
        โ”œโ”€โ”€ StrategyCanvas.tsx  # Strategy graph + scatter analysis
        โ”œโ”€โ”€ DecisionCopilot.tsx # AI strategist chat interface
        โ”œโ”€โ”€ Forecast.tsx        # Scenario simulator + projections
        โ”œโ”€โ”€ Reports.tsx         # Boardroom report generator
        โ””โ”€โ”€ DataExplorer.tsx    # Raw dataset exploration viewer


๐Ÿ“ธ Screenshots

All screenshots below show SynapseIQ running live with the built-in NovaRetail Q2 demo dataset. No API key is required for the demo experience.


Landing Portal โ€” Intelligent Dataset Intake

Landing Portal

Drag-and-drop CSV upload ยท Auto-profiling ยท Industry detection ยท Validation feedback


Executive Brief โ€” AI-Narrated Business Summary

Executive Brief

Business Health Score 90/100 ยท Decision Readiness 87/100 ยท AI Confidence 95% ยท Strategic Priorities ยท Live Telemetry


Strategy Canvas โ€” Interactive Business Relationship Graph

Strategy Canvas

Pearson correlation mapping ยท Revenue $246.78M ยท Node relationship tooltips ยท Animated edges


AI Strategist โ€” Context-Aware Decision Copilot

Decision Copilot

Gemini-powered executive chat ยท Dataset Profile panel ยท McKinsey response format ยท Confidence scoring


Forecast Studio โ€” Live Scenario Simulator

Forecast Studio

Six business levers ยท Projected Revenue $49.6M ยท Gross Margin 45.7% ยท Real-time AI trade-off analysis


Business Timeline โ€” Chronological Narrative Ledger

Business Timeline

Event-driven business story ยท Category filter chips ยท Trend visualization ยท Seasonal dynamics


Boardroom Report โ€” Auto-Generated Executive Report

Boardroom Report

7-section executive brief ยท Strategic Planning dossier ยท Investor-ready format



๐ŸŽฌ Demo

Resource Link
๐ŸŽฅ Demo Video Coming Soon โ€” Upload to YouTube
๐Ÿš€ Live Deployment Deploy to Vercel โ€” see instructions below
๐Ÿ“„ Presentation Deck Google Slides presentation link

โ–ถ๏ธ Guided Demo Experience โ€” For Hackathon Judges

SynapseIQ includes a built-in Guided Demo Tour that requires zero configuration.

  1. Open the application โ€” the built-in NovaRetail Q2 dataset loads automatically
  2. Click Start Guided Demo on the landing screen
  3. The system auto-navigates through all 8 key features with spotlights and narration
  4. Completes in under 3 minutes

No Gemini API key required. The guided demo uses an intelligent offline reasoning engine backed by pre-computed statistical analysis of the bundled dataset.



๐Ÿš€ Getting Started

Prerequisites

Requirement Version
Node.js โ‰ฅ 20.x
npm โ‰ฅ 10.x
Gemini API Key Optional

Installation

# 1. Clone the repository
git clone https://github.com/pravalika2307/SynapseIQ.git
cd SynapseIQ

# 2. Install dependencies
npm install

# 3. Start the development server
npm run dev

Open https://synapseiq-ai.vercel.app/ in your browser.

Other Commands

# Type-check + compile production bundle
npm run build

# Preview the production build locally
npm run preview

# Run ESLint code quality checks
npm run lint


๐Ÿ” Environment Variables

SynapseIQ works fully offline with its built-in reasoning engine. A Gemini API key unlocks live AI capabilities.

Variable Required Description
GEMINI_API_KEY Optional Google Gemini API key for live executive briefs and copilot chat

How to configure: No .env file is required. Enter your Gemini API key directly in the app UI at the landing screen. The key is stored in browser session memory only and is never persisted or transmitted to any external server other than the Google Gemini API.

Privacy: All data processing happens client-side in your browser. No dataset or business data leaves your device unless you explicitly enable Gemini API integration.



โ˜๏ธ Deployment

SynapseIQ is deployed on Vercel with automatic CI/CD integration.

Production Deployment

# Install Vercel CLI
npm install -g vercel

# Login
vercel login

# Deploy
vercel --prod

Continuous Deployment

Every push to the main branch automatically:

  • Builds the React + Vite application
  • Optimizes production assets
  • Deploys to Vercel's global CDN
  • Generates a secure HTTPS production URL

Docker (Local)

docker build -t synapseiq:latest .
docker run -p 8080:8080 synapseiq:latest

Open http://localhost:8080

Static Hosting (Vercel / Netlify)

npm run build
# Deploy the dist/ directory โ€” no server-side requirements


๐Ÿ”ฎ Roadmap

Status Version Milestone
โœ… Complete v1.0.0 Hackathon Prototype โ€” Full AI decision platform with Gemini
๐Ÿ”„ In Progress v1.1 Real-time analytics via WebSocket streaming
๐Ÿ“… Planned v1.2 Multi-user collaborative workspaces with role-based access
๐Ÿ“… Planned v1.3 ERP connectors โ€” SAP, Oracle NetSuite, Microsoft Dynamics
๐Ÿ“… Planned v1.4 CRM connectors โ€” Salesforce, HubSpot, Pipedrive
๐Ÿ“… Planned v2.0 Explainable AI with full causal reasoning chains
๐Ÿ“… Planned v2.1 Enterprise SSO โ€” Google Workspace, Okta, Azure AD
๐Ÿ“… Planned v2.2 One-click PowerPoint and PDF boardroom export
๐ŸŒŸ Vision v3.0 Google Vertex AI integration with custom fine-tuned models


๐Ÿ‘ค Team


Pravalika Palle

Lead Engineer ยท Product Designer ยท AI Architect

MCA Graduate ยท AI & Data Enthusiast ยท Builder of SynapseIQ

GitHub



๐Ÿ“„ License

This project is licensed under the MIT License โ€” see the LICENSE file for details.

Copyright ยฉ 2026 Pravalika Palle




โšก SynapseIQ

Where Data Becomes Decisions

AI Operating System for Executive Decision Making

Powered by Google Gemini ยท Built for Google GenAI Academy Hackathon 2026


If you found this project interesting, please consider giving it a โญ on GitHub.


โฌ† Back to Top

About

No description, website, or topics provided.

Resources

License

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Packages

 
 
 

Contributors

Languages