Skip to content

quantum-vector-io/quantum_vector_artifacts

Repository files navigation

🌌 Quantum Vector Artifacts

A mesmerizing showcase for AI-Human collaboration experiments in interactive development

Quantum Vector Artifacts React Three.js

✨ Live Demo

🚀 View Live Demo

🎨 Features

  • 🌌 Quantum 3D Background - 4D tesseracts, particle systems, sacred geometry
  • 🔮 Glassmorphism UI - Beautiful semi-transparent interface
  • 📊 Smart Categories - AI Tools, Data Viz, Web Apps, Book Apps, Games, Experiments
  • 🎯 Intelligent Scrolling - Mouse-aware scroll zones
  • ⚡ Auto-Deploy - Drop .jsx files → Auto-deploy to Netlify

🚀 Quick Start

git clone https://github.com/quantum-vector-io/quantum_vector_artifacts.git
cd quantum_vector_artifacts
npm install
npm run dev

📦 Adding New Artifacts

Create a new .jsx file in src/artifacts/:

export const metadata = {
  title: "Your Amazing Tool",
  category: "web-apps",
  tags: ["React", "Cool"],
  color: "#00ff88",
  description: "Does something incredible"
};

const YourTool = () => {
  return <div>Your artifact here</div>;
};

export default YourTool;

🛠 Tech Stack

  • Frontend: React 18, Vite
  • 3D Graphics: Three.js
  • Styling: Tailwind CSS
  • Deployment: Netlify
  • Architecture: File-based artifacts

📱 Categories

  • 📊 Data Visualization - Charts, graphs, interactive data tools
  • 🤖 AI Tools - Machine learning, automation, smart assistants
  • 💻 Web Apps - Productivity tools, utilities, web services
  • 📚 Book Apps - Reading tools, library management, literature tech
  • 🎮 Games - Interactive entertainment, educational games
  • 🧪 Experiments - Proof of concepts, creative coding, research

🗺️ Development Roadmap

📋 View Full Artifacts Roadmap - Complete list of 76 planned artifacts across 10 tiers

Current Status:

  • Implemented: Deep Work OS (Productivity System)
  • 🔄 Next Priority: Smart Password Generator, QR Code Studio, Color Palette Generator
  • 📋 Total Planned: 76 artifacts across all categories

🌟 Contributing

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature-name
  3. Add your artifact in src/artifacts/
  4. Commit changes: git commit -m 'Add new quantum artifact'
  5. Push to branch: git push origin feature-name
  6. Submit a pull request

📄 License

MIT License - feel free to use this for your own quantum experiments!

🎯 Philosophy

"Where curiosity meets code, magic happens"

Built with quantum love and digital dreams 🌌


Made by Mykola Rudenko | LinkedIn | X/Twitter | Threads | Instagram

About

🌌 Quantum portfolio showcase with 4D tesseracts, particle physics & glassmorphism UI. Drop .jsx files → auto-deploy coding artifacts in a mesmerizing 3D cosmos. Built for AI-Human collaboration experiments. React + Three.js magic ✨

Resources

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors