Skip to content

A full-stack quantum computing platform built with React, Express, and TypeScript. Features interactive quantum circuit, educational tutorials, job management, real-time collaboration, and IBM Quantum integration. Learn and experiment with quantum computing in the cloud.

Notifications You must be signed in to change notification settings

suman4132/QuantumDashboard

Repository files navigation

QuantumCloud - Quantum Computing Platform

QuantumCloud React TypeScript Express License

Experience the Future of Quantum Computing in the Cloud

Get StartedFeaturesDocumentationResearch


🎓 Research Publications

This project is based on peer-reviewed research:

📄 IEEE Paper

View Full Paper on Google Drive

📊 Research Poster

View Conference Poster on Google Drive


🚀 Overview

QuantumCloud is a full-stack web application that provides a cloud-based quantum computing platform. Run, learn, and innovate with powerful quantum systems accessible from anywhere. The platform combines educational features, quantum circuit simulation, job management, and real-time collaboration capabilities.

✨ Features

🎯 Core Capabilities

  • Quantum Job Management - Submit, monitor, and manage quantum computing jobs
  • Interactive Dashboard - Real-time job status, analytics, and system monitoring
  • IBM Quantum Integration - Connect to real quantum hardware
  • Circuit Simulator - Interactive quantum gate simulator with visual feedback
  • Bloch Sphere Visualization - 3D quantum state representation

📚 Educational Features

  • Quantum Quest - Gamified learning with challenges and tutorials
  • Interactive Quizzes - Test your quantum computing knowledge
  • Gate Simulator - Hands-on experience with quantum gates
  • Algorithm Timeline - Learn the history of quantum algorithms
  • Tutorial System - Step-by-step quantum computing guides

👥 Collaboration

  • Real-time Workspaces - Team collaboration with WebSocket support
  • Project Management - Organize quantum experiments
  • Shared Resources - Collaborate on quantum circuits

🤖 AI-Powered

  • AI Assistant - OpenAI-powered job help and debugging
  • Failure Analysis - Intelligent error diagnosis
  • Code Suggestions - Smart quantum circuit recommendations

🔧 Admin Dashboard

  • User management and analytics
  • Pricing plan configuration
  • Content management system
  • Audit logs and monitoring
  • Game scores and leaderboards

🛠️ Technology Stack

Frontend

  • React 18.3 - Modern UI library
  • Vite 5.4 - Lightning-fast build tool
  • TypeScript - Type-safe development
  • Tailwind CSS - Utility-first styling
  • Radix UI - Accessible component primitives
  • Three.js - 3D quantum visualizations
  • Framer Motion - Smooth animations
  • TanStack Query - Data fetching and caching

Backend

  • Express.js - Web server framework
  • Node.js - JavaScript runtime
  • WebSocket (ws) - Real-time communication
  • Drizzle ORM - Type-safe database queries
  • Passport.js - Authentication

Integrations

  • IBM Quantum API - Real quantum hardware access
  • OpenAI API - AI-powered features
  • PostgreSQL - Database support

📦 Getting Started

Prerequisites

  • Node.js 20+ installed
  • npm or yarn package manager

Installation

  1. Clone the repository
git clone <your-repo-url>
cd quantum-cloud
  1. Install dependencies
npm install
  1. Set up environment variables (optional)
# Create .env file
touch .env

# Add your API keys
IBM_QUANTUM_API_TOKEN=your_ibm_token_here
OPENAI_API_KEY=your_openai_key_here
  1. Start the development server
npm run dev
  1. Open your browser
Navigate to http://localhost:5000

The application will run with simulated data if API keys are not provided.

🏗️ Project Structure

quantum-cloud/
├── client/                 # Frontend React application
│   ├── src/
│   │   ├── components/    # React components
│   │   │   ├── admin/     # Admin dashboard
│   │   │   ├── ai/        # AI features
│   │   │   ├── dashboard/ # Main dashboard
│   │   │   ├── quantum/   # Quantum simulators
│   │   │   ├── quiz/      # Quiz system
│   │   │   └── ui/        # UI components
│   │   ├── pages/         # Page components
│   │   ├── hooks/         # Custom hooks
│   │   ├── lib/           # Utilities
│   │   └── data/          # Static data
│   └── index.html
├── server/                # Backend Express application
│   ├── index.ts          # Server entry point
│   ├── routes.ts         # API routes
│   ├── ibm-quantum.ts    # IBM Quantum integration
│   └── openai-service.ts # OpenAI integration
├── shared/               # Shared types/schemas
│   └── schema.ts
└── package.json

🎮 Available Scripts

npm run dev          # Start development server
npm run build        # Build for production
npm run start        # Start production server
npm run check        # Type check with TypeScript
npm run db:push      # Push database schema (if using DB)

🔐 Environment Variables

Variable Description
IBM_QUANTUM_API_TOKEN IBM Quantum Platform API token
OPENAI_API_KEY OpenAI API key for AI features
DATABASE_URL PostgreSQL connection string
PORT Server port (default: 5000)
NODE_ENV Environment mode

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License — © 2025 SingularSolution. See the LICENSE file for details.

🙏 Acknowledgments

  • IBM Quantum for quantum computing API
  • OpenAI for AI capabilities
  • The quantum computing community for inspiration

📧 Contact

For questions or feedback about the research, please refer to the contact information in the IEEE paper.


Made with ❤️ for the Singular Solution

⭐ Star this repo if you find it useful!

About

A full-stack quantum computing platform built with React, Express, and TypeScript. Features interactive quantum circuit, educational tutorials, job management, real-time collaboration, and IBM Quantum integration. Learn and experiment with quantum computing in the cloud.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages