{"id":29128079,"url":"https://github.com/lalomorales22/endless-void-mazes-escape","last_synced_at":"2026-04-28T12:38:05.025Z","repository":{"id":299503572,"uuid":"1002555380","full_name":"lalomorales22/endless-void-mazes-escape","owner":"lalomorales22","description":"supabase database visualizer","archived":false,"fork":false,"pushed_at":"2025-11-21T05:59:50.000Z","size":249,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-21T07:18:56.057Z","etag":null,"topics":["db","sql","supabase"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lalomorales22.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-15T18:04:17.000Z","updated_at":"2025-11-21T05:59:55.000Z","dependencies_parsed_at":"2025-06-16T22:35:43.300Z","dependency_job_id":"b54416f5-720a-442e-ad59-e5911b7b52b3","html_url":"https://github.com/lalomorales22/endless-void-mazes-escape","commit_stats":null,"previous_names":["lalomorales22/endless-void-mazes-escape"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lalomorales22/endless-void-mazes-escape","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomorales22%2Fendless-void-mazes-escape","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomorales22%2Fendless-void-mazes-escape/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomorales22%2Fendless-void-mazes-escape/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomorales22%2Fendless-void-mazes-escape/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lalomorales22","download_url":"https://codeload.github.com/lalomorales22/endless-void-mazes-escape/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomorales22%2Fendless-void-mazes-escape/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32381691,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T11:25:28.583Z","status":"ssl_error","status_checked_at":"2026-04-28T11:25:05.435Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["db","sql","supabase"],"created_at":"2025-06-30T01:02:31.799Z","updated_at":"2026-04-28T12:38:05.019Z","avatar_url":"https://github.com/lalomorales22.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TRON Database Interface 🌌\n\n\u003cimg width=\"1082\" alt=\"TRON Database Interface Screenshot\" src=\"https://github.com/user-attachments/assets/07de4cd1-8c5e-43b6-a5fd-d284d2d89396\" /\u003e\n\nExperience your database like never before in a stunning, fully-interactive 3D environment inspired by TRON. Navigate through a futuristic digital cityscape where each building represents a table, and every glowing data block is a record waiting to be explored.\n\n## ✨ What's New\n\nThis application has been completely upgraded with three major enhancement phases:\n\n### 🎨 Phase 1: Breathtaking Visuals\n- **Particle Systems** - Thousands of floating particles create an immersive atmosphere\n- **Dynamic Skybox** - Animated star fields and colorful nebula clouds\n- **Advanced Lighting** - Volumetric light beams, glowing accents, and atmospheric effects\n- **Enhanced Buildings** - Architectural variety with scanlines, light columns, and glowing rings\n- **Smooth Camera System** - Professional camera controller with preset angles and smooth transitions\n- **Post-Processing** - Real-time visual effects for a cinematic experience\n- **Data Streams** - Animated connections flowing between database tables\n\n### 🚀 Phase 2: Power Features\n- **Advanced Search** - Find specific records across your entire database\n- **Analytics Dashboard** - Comprehensive database statistics and visualizations\n- **Interactive Minimap** - Bird's-eye view of your database with instant navigation\n- **Real-time Updates** - Live data synchronization with Supabase\n- **Enhanced Data Management** - Improved CRUD operations with visual feedback\n- **Smart Filtering** - Filter and sort records by table\n- **Performance Optimized** - Efficient rendering even with large datasets\n\n### 🎯 Phase 3: Premium Polish\n- **Interactive Tutorial** - Step-by-step onboarding for first-time users\n- **Keyboard Shortcuts** - Comprehensive hotkey system for power users\n- **Settings Panel** - Customize your experience with user preferences\n- **Help System** - Context-sensitive help and documentation\n- **Persistent Settings** - Your preferences saved locally\n- **Error Handling** - Graceful error management with user-friendly messages\n- **Responsive Controls** - Intuitive UI that adapts to your workflow\n\n## 🎮 Controls \u0026 Navigation\n\n### Basic Movement\n- **WASD** or **Arrow Keys** - Navigate the 3D space\n- **Mouse Drag** - Rotate and look around\n- **Scroll Wheel** - Zoom in and out\n\n### Camera Presets\n- **1** - Overview Mode (best for general navigation)\n- **2** - Bird's Eye View (top-down perspective)\n- **3** - Cinematic Angle (dramatic side view)\n- **4** - Low Angle View (ground-level perspective)\n\n### Quick Actions\n- **Space** - Create new database table\n- **?** - Show keyboard shortcuts help\n- **Esc** - Close any open dialog\n- **Click** - Select data blocks or buildings\n\n## 🎯 Key Features\n\n### 3D Database Visualization\nNavigate a futuristic city where buildings represent your database tables. Each structure's height corresponds to its record count, and glowing data blocks inside represent individual records.\n\n### Interactive Data Management\n- **Edit Records** - Click any data block to view and modify its contents\n- **Create Tables** - Add new tables with custom schemas\n- **Delete Records** - Remove data with confirmation dialogs\n- **Real-time Sync** - Changes immediately reflected in Supabase\n\n### Analytics \u0026 Insights\n- Total record counts across all tables\n- Database size distribution\n- Table comparisons and statistics\n- Visual progress bars and charts\n\n### Search \u0026 Discovery\n- Search across all tables or specific ones\n- Filter results dynamically\n- Jump directly to relevant data\n\n### Customization\n- Adjust particle density for performance\n- Control camera sensitivity\n- Toggle minimap visibility\n- Enable/disable visual effects\n- Save your preferences\n\n## 🛠 Tech Stack\n\nBuilt with cutting-edge web technologies:\n\n- **Vite** - Lightning-fast build tool\n- **React 18** - Modern UI framework\n- **TypeScript** - Type-safe development\n- **Three.js** - Powerful 3D graphics engine\n- **Supabase** - Real-time database backend\n- **Tailwind CSS** - Utility-first styling\n- **shadcn/ui** - Beautiful component library\n\n## 📦 Installation\n\n### Quick Start\n\n```sh\n# Clone the repository\ngit clone \u003cYOUR_GIT_URL\u003e\n\n# Navigate to project directory\ncd endless-void-mazes-escape\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\n### Requirements\n\n- Node.js (v16 or higher recommended)\n- npm or yarn\n- Modern web browser with WebGL support\n\n## 🌐 Development\n\n### Available Scripts\n\n```sh\n# Development server with hot-reload\nnpm run dev\n\n# Production build\nnpm run build\n\n# Development build\nnpm run build:dev\n\n# Lint code\nnpm run lint\n\n# Preview production build\nnpm run preview\n```\n\n### Environment Setup\n\nThe application connects to Supabase for database operations. Make sure you have:\n1. A Supabase project set up\n2. Proper environment variables configured\n3. Database tables created (users, posts, comments, products, orders, analytics)\n\n## 🎨 Customization\n\n### Editing via Lovable\n\nVisit the [Lovable Project](https://lovable.dev/projects/38427bc0-010d-40b3-b956-341b812ae2ec) to make changes using natural language prompts. Changes are automatically committed to your GitHub repository.\n\n### Local Development\n\nClone the repository and use your favorite IDE:\n\n```sh\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Open http://localhost:5173 in your browser\n```\n\n### Using GitHub Codespaces\n\n1. Navigate to your repository\n2. Click the \"Code\" button\n3. Select \"Codespaces\" tab\n4. Click \"New codespace\"\n5. Edit files directly in the cloud\n\n## 🎭 User Experience\n\n### First-Time Users\nOn your first visit, an interactive tutorial guides you through:\n- Basic navigation controls\n- Camera preset system\n- Data interaction methods\n- Search and analytics features\n- Settings customization\n\n### Power Users\nAdvanced features include:\n- Full keyboard shortcut support\n- Quick camera preset switching\n- Instant table navigation via minimap\n- Advanced search filters\n- Performance tuning options\n\n## 🔒 Best Practices\n\n### Performance\n- Particle density can be adjusted in settings for lower-end devices\n- The application automatically optimizes rendering based on available resources\n- Large datasets are handled efficiently with virtualization\n\n### Data Safety\n- All database operations require confirmation\n- Changes sync immediately to Supabase\n- Error messages provide clear recovery instructions\n\n## 📱 Browser Support\n\nOptimized for modern browsers:\n- Chrome 90+\n- Firefox 88+\n- Safari 14+\n- Edge 90+\n\nRequires WebGL 2.0 support for full 3D functionality.\n\n## 🐛 Troubleshooting\n\n### Common Issues\n\n**Black screen or no 3D view**\n- Ensure your browser supports WebGL 2.0\n- Update your graphics drivers\n- Try disabling browser extensions\n\n**Slow performance**\n- Reduce particle density in Settings\n- Close other browser tabs\n- Check if hardware acceleration is enabled\n\n**Database connection errors**\n- Verify Supabase credentials\n- Check network connectivity\n- Ensure database tables exist\n\n## 🤝 Contributing\n\nWe welcome contributions! To get started:\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Test thoroughly\n5. Submit a pull request\n\n## 📄 License\n\nThis project is built with modern open-source technologies. Please refer to individual package licenses for details.\n\n## 🌟 Acknowledgments\n\n- Inspired by the TRON franchise aesthetic\n- Built with ❤️ using React, Three.js, and Supabase\n- UI components from shadcn/ui\n- Icons from Lucide React\n\n## 🔮 Future Enhancements\n\nPotential upcoming features:\n- VR/AR support for immersive database exploration\n- Collaborative multi-user environments\n- Advanced query builder with visual programming\n- Export/import for various data formats\n- Table relationship visualizations with connection graphs\n- Time-travel debugging for data changes\n- Custom color themes and building styles\n- Sound effects and ambient audio\n- Mobile device optimization\n- Offline mode with service workers\n\n## 📞 Support\n\nFor issues, feature requests, or questions:\n- Create an issue on GitHub\n- Check existing documentation\n- Review the in-app help system (press `?`)\n\n---\n\n**Built with passion for beautiful data visualization** ✨\n\nExperience your database in a whole new dimension. Welcome to the future of data management.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalomorales22%2Fendless-void-mazes-escape","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flalomorales22%2Fendless-void-mazes-escape","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalomorales22%2Fendless-void-mazes-escape/lists"}