DataPilot 📊🔮

An Autonomous Data Intelligence Assistant and Predictive Analytics Platform designed for fast, AI-augmented data exploration, AutoML training, automated reporting, and interactive visual pipeline workflows. The platform is styled with a gorgeous, high-performance Frosted Glass (Teal/Carbon Obsidian) visual theme.

---

✨ Features

1. 📈 Executive Intelligence Dashboard

• KPI Metrics Overview: Processed datasets, active ML models, overall validation accuracy, and automated job ingestion status.
• Active Job Monitors: Real-time progress trackers for training algorithms and export schedules.
• System Telemetry: Interactive telemetry charts showing live resource utilization and training loss.

2. 🗃️ Data Workspace

• Drag & Drop File Upload: Effortlessly import custom CSV or structured datasets.
• Interactive Inspection Grid: Filter, sort, and inspect data points.
• Data Health & Profiling: Automatically flags duplicates, missing cells, and structural column counts.

3. 🧪 Analytics Studio (No-Code BI)

• Custom Chart Builder: Instantly visualize variables via customized Line, Bar, Scatter, or Area graphs.
• Interactive Spotlights: Click on chart data points to extract complete details inside an interactive inspector panel.
• Statistical Deep-Dives: View correlation heat matrices and outlier detection summaries dynamically.

4. 🧠 ML Studio (AutoML Model Pipeline)

• No-Code Optimization Engine: Choose your target variables and optimize models (Classification vs. Regression).
• Live Training Logs: Simulates real-time XGBoost and deep neural network training outputs inside an interactive, retro terminal.
• Feature Importance Reports: Evaluate performance using SHAP factor charts and validation leaderboard tables.

5. 🤖 AI Insights Hub (Gemini Copilot)

• Autonomous Agent Chat: Converse with the built-in Gemini Assistant to clean datasets, synthesize features, or explain trends.
• Automated Executive Briefs: Generate instantaneous analytical summary reports with actionable recommendations.

6. ⚙️ Automation Center & Exports

• Pipeline Node Builder: Map ingestion, transformation, model routing, and storage workflows.
• Export Engine: Direct exports to CSV, JSON, or beautifully generated executive PDF-style printer briefs.

---

🛠️ VS Code Local Setup Guide

Follow these exact steps to run DataPilot locally on your computer inside VS Code.

Prerequisite: Node.js

Ensure you have Node.js (version 18 or above is highly recommended) installed on your system.

• Download Node.js from the official website: https://nodejs.org/
• To check if it is installed, open your terminal and run:

  node -v
  npm -v

---

Step 1: Open Project in VS Code

1. Open Visual Studio Code.
2. Click File > Open Folder... and select the directory where this project is located.
3. Open a new terminal inside VS Code by pressing Ctrl + ` (Windows/Linux) or Cmd + ` (Mac), or navigate to Terminal > New Terminal in the top menu.

---

Step 2: Install Dependencies

Run the following command in your VS Code terminal to install all required packages (Express, React, Vite, Recharts, Tailwind CSS, etc.):

npm install

---

Step 3: Configure Environment Variables (.env)

Create a file named .env in the root of your project directory (the same level as package.json).

Copy and paste the following content into your .env file, substituting the placeholder text with your actual keys:

# GEMINI_API_KEY: Required for Gemini Assistant and AI Insight Generations.
# Get your API Key from Google AI Studio (https://aistudio.google.com/)
GEMINI_API_KEY="your_actual_gemini_api_key_here"

# APP_URL: The hosting URL (for local development, default is port 3000)
APP_URL="http://localhost:3000"

⚠️ Important Security Rule: Do NOT commit your .env file to any public git repositories. The .gitignore is already configured to keep it secure locally.

---

Step 4: Run the Development Server

To launch both the server-side Express handlers and the client-side React frontend with hot-reloading:

npm run dev

Once executed successfully, your terminal will show that the server is running. Open your web browser and navigate to: 👉 http://localhost:3000

---

🏗️ Build & Deployment Instructions

Compile for Production

To bundle and compile the client-side SPA (via Vite) and bundle the Express server (via esbuild), run:

npm run build

This generates a optimized, standalone build folder:

• Static frontend compiled assets in dist/
• Server bundled in dist/server.cjs

Start the Production Server

To run the production-ready compiled server:

npm run start

---

🎨 Design Theme: Frosted Glass (Teal/Carbon Obsidian)

This application is styled with a sleek Frosted Glass cybernetic aesthetic:

• Colors: Deep Carbon obsidian backgrounds (#050505), neon Teal highlights (#2DD4BF), and dark Slate-900 panels.
• Translucent Styling: Rich backdrop-filter: blur(12px) and delicate semi-transparent borders (rgba(255,255,255,0.08)) simulating frosted glass sheets.
• Visual Balance: Glowing ambient shadows and smooth interactive micro-transitions on click and hover.