InsightDash Analytics Platform

A comprehensive analytics and forecasting platform with advanced features for data-driven insights, real-time monitoring, and predictive analytics.

🌐 LIVE DEPLOYMENT

🚀 Access the Live Platform

🎯 Frontend (React App): https://insightdash-frontend.onrender.com
⚡ Backend API: https://insightdash-backend.onrender.com

🎮 Quick Demo Access

Visit: https://insightdash-frontend.onrender.com
Register: Create a new account (any email/username works)
Login: Use your created credentials
Explore: Navigate to analytics dashboard, data management, and forecasting features

✨ Platform Status: FULLY FUNCTIONAL

✅ Complete full-stack deployment on Render.com
✅ User registration and authentication working
✅ Analytics dashboard with live data
✅ Real-time API connectivity
✅ Interactive data visualizations
✅ Model comparison and forecasting
✅ Dataset management and export
✅ Responsive design for all devices

🏗️ Deployment Architecture

🌐 Live Infrastructure

┌─────────────────────────────────────────────────────────────┐
│                    PRODUCTION DEPLOYMENT                    │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  Frontend (React)                Backend (Python)           │
│  ├─ Render Static Site           ├─ Render Web Service      │
│  ├─ https://insightdash-         ├─ https://insightdash-    │
│  │  frontend.onrender.com        │  backend.onrender.com    │
│  ├─ Build: npm run build         ├─ Docker Container        │
│  ├─ Serve: Static Files          ├─ Python Mock Server      │
│  └─ Environment: Production      └─ Port: Dynamic (Render)  │
│                                                             │
│              API Communication                              │
│  Frontend ←─────────────────→ Backend                      │
│  (HTTPS Requests)        (JSON Responses)                  │
│                                                             │
└─────────────────────────────────────────────────────────────┘

📁 Repository Structure

InsightDash/
├── 📁 frontend/                    # React 18 Application
│   ├── 📁 src/
│   │   ├── 📁 components/         # UI Components
│   │   │   ├── 📁 analytics/      # Analytics Dashboard
│   │   │   ├── 📁 auth/          # Authentication
│   │   │   ├── 📁 dashboard/     # Main Dashboard
│   │   │   └── 📁 datasets/      # Data Management
│   │   ├── 📁 services/          # API Services
│   │   └── 📁 types/             # TypeScript Types
│   ├── 📄 package.json           # Dependencies
│   └── 📄 Dockerfile             # Frontend Container
├── 📁 backend/                     # Python Backend
│   ├── 📄 mock_server.py          # Production Mock Server
│   ├── 📄 requirements.txt       # Python Dependencies
│   └── 📄 Dockerfile             # Backend Container
├── 📄 README.md                   # This file
└── 📁 deployment/                 # Deployment Configs
    ├── 📄 DEPLOYMENT_GUIDE.md     # Complete deployment guide
    ├── 📄 render-frontend-instructions.md
    └── 📄 DEPLOYMENT_STATUS.md    # Current status

🎯 Core Features & Capabilities

📊 Analytics Dashboard

📈 Real-time Metrics: Live data visualization with interactive charts
📋 Summary Cards: Total datasets, forecasts, accuracy metrics
🔄 Auto-refresh: Dynamic data updates every 30 seconds
📱 Responsive Design: Works perfectly on desktop, tablet, and mobile

🔮 Predictive Analytics & Forecasting

🤖 Multiple Models: Linear Regression, ARIMA, Moving Averages
📊 Model Comparison: Side-by-side accuracy and performance metrics
🎯 Forecasting Engine: Generate predictions with confidence intervals
📉 Trend Analysis: Pattern detection and statistical insights

💾 Dataset Management

📁 Multi-format Support: CSV, JSON, Excel file handling
👀 Data Preview: Paginated exploration with filtering
📤 Export Features: Download in multiple formats
🔍 Analytics Per Dataset: Individual dataset insights and stats

👤 User Management & Authentication

🔐 Secure Registration: JWT-based authentication system
🚪 Login/Logout: Persistent session management
👥 User Profiles: Account management and preferences
🛡️ Protected Routes: Secure access to dashboard features

🎨 User Interface & Experience

🎨 Modern Design: Clean, professional Tailwind CSS styling
⚡ Fast Performance: Optimized React components and lazy loading
🔄 State Management: Zustand for efficient state handling
🎯 Navigation: Intuitive routing with React Router

🌐 API & Backend Features

🔗 RESTful API: Complete CRUD operations for all resources
📊 Mock Data: Realistic sample data for demonstration
🔄 CORS Support: Cross-origin requests properly configured
🚀 Scalable: Ready for production database integration

🛠️ Technology Stack

Frontend Technologies

React 18.2.0          # Modern React with Hooks
TypeScript 4.9.5      # Type safety and better DX
Tailwind CSS 3.4.0    # Utility-first CSS framework
React Router 6.20.1   # Client-side routing
React Query 5.0.0     # Server state management
Zustand 4.4.7         # Global state management
Chart.js 4.4.9        # Interactive data visualization
Recharts 2.8.0        # React chart components
Axios 1.6.2           # HTTP client for API calls
React Hot Toast 2.4.1 # Beautiful notifications

Backend Technologies

Python 3.10+          # Modern Python runtime
HTTP Server           # Built-in Python HTTP server
JSON Data Handling    # Native JSON processing
CORS Support          # Cross-origin resource sharing
Mock Data Generation  # Realistic sample data
RESTful Architecture  # Standard API design

Deployment & DevOps

Render.com            # Cloud hosting platform
Docker                # Containerization
GitHub Actions        # CI/CD pipeline
Git Version Control   # Source code management
Environment Variables # Configuration management

🚀 Getting Started Locally

Quick Setup

# Clone the repository
git clone https://github.com/jellyfishing2346/InsightDash.git
cd InsightDash

# Setup Frontend
cd InsightDash/frontend
npm install
npm start  # Runs on http://localhost:3000

# Setup Backend (in new terminal)
cd ../backend
python3 mock_server.py  # Runs on http://localhost:8000

Access Points

Frontend: http://localhost:3000
Backend API: http://localhost:8000
API Documentation: http://localhost:8000 (shows available endpoints)

📊 API Endpoints

Authentication

POST /api/v1/auth/register    # User registration
POST /api/v1/auth/login       # User login
GET  /api/v1/auth/me          # Current user info

Analytics

GET /api/v1/analytics/summary           # Analytics overview
GET /api/v1/analytics/forecasts/recent  # Recent forecasts
GET /api/v1/analytics/models/stats      # Model statistics
GET /api/v1/analytics/models/compare    # Model comparison

Datasets

GET    /api/v1/datasets                 # List all datasets
GET    /api/v1/datasets/{id}            # Get specific dataset
GET    /api/v1/datasets/{id}/preview    # Preview dataset data
GET    /api/v1/datasets/{id}/analytics  # Dataset analytics
GET    /api/v1/datasets/{id}/export     # Export dataset

🌟 Live Demo Usage

Step-by-Step Guide

🌐 Visit: https://insightdash-frontend.onrender.com
👤 Register:
- Click "Sign Up"
- Fill in any username, email, and password
- Submit the form
🚪 Login: Use your created credentials
📊 Explore Dashboard:
- View analytics summary cards
- Check recent forecasts
- Compare model performance
💾 Browse Datasets:
- Navigate to "Datasets"
- Preview sample data
- View individual analytics
🔮 Analytics Features:
- Go to "Analytics" section
- View model comparisons
- Explore forecasting data

🏆 Deployment Achievement

This project demonstrates a complete full-stack deployment including:

✅ Frontend Deployment: React app with TypeScript and modern tooling
✅ Backend Deployment: Python mock server with comprehensive API
✅ Environment Configuration: Production-ready settings and variables
✅ CORS Resolution: Proper cross-origin request handling
✅ Authentication Flow: Complete user registration and login system
✅ API Integration: Seamless frontend-backend communication
✅ Error Handling: Robust error management and user feedback
✅ Performance Optimization: Fast loading and responsive design

📞 Support & Contact

For questions, issues, or contributions:

📧 Email: Support through GitHub issues
🐛 Bug Reports: GitHub Issues
💡 Feature Requests: GitHub Discussions

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

License Summary

✅ Commercial Use: Free to use in commercial projects
✅ Modification: Free to modify and adapt the code
✅ Distribution: Free to distribute copies
✅ Private Use: Free to use privately
⚠️ Liability: No warranty or liability provided
⚠️ Trademark: Does not grant trademark rights

⭐ Star this repository if you found it helpful!

🔗 Live Links:

Frontend: https://insightdash-frontend.onrender.com
Backend: https://insightdash-backend.onrender.com

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
InsightDash		InsightDash
.gitignore		.gitignore
DEPLOYMENT_GUIDE.md		DEPLOYMENT_GUIDE.md
DEPLOYMENT_READINESS_CHECKLIST.md		DEPLOYMENT_READINESS_CHECKLIST.md
DEPLOYMENT_READINESS_REPORT.md		DEPLOYMENT_READINESS_REPORT.md
DEPLOYMENT_STATUS.md		DEPLOYMENT_STATUS.md
FINAL_DEPLOYMENT_REPORT.md		FINAL_DEPLOYMENT_REPORT.md
FINAL_DEPLOYMENT_STATUS.md		FINAL_DEPLOYMENT_STATUS.md
FRONTEND_DEPLOYMENT_GUIDE.md		FRONTEND_DEPLOYMENT_GUIDE.md
IMPLEMENTATION_ROADMAP.md		IMPLEMENTATION_ROADMAP.md
LICENSE		LICENSE
README.md		README.md
analytics_verification.sh		analytics_verification.sh
comprehensive_test.sh		comprehensive_test.sh
debug_dataset_creation.sh		debug_dataset_creation.sh
deploy-to-render.sh		deploy-to-render.sh
deploy-vercel-railway.sh		deploy-vercel-railway.sh
final_comprehensive_test.sh		final_comprehensive_test.sh
final_test.sh		final_test.sh
quick_deploy.sh		quick_deploy.sh
render-frontend-instructions.md		render-frontend-instructions.md
start_insightdash.sh		start_insightdash.sh
test_edit_delete.sh		test_edit_delete.sh
test_suite.sh		test_suite.sh

License

jellyfishing2346/InsightDash

Folders and files

Latest commit

History

Repository files navigation