For security and IP protection, the full production code is currently hosted privately. This repository demonstrates the project structure and documentation.

Dev Arsenal is a next-generation online IDE that transforms traditional development tools into powerful "weapons" for developers. Combining blockchain technology with AI-assisted features, it provides a comprehensive development environment supporting 12+ programming languages with real-time execution, code quality analysis, bug hunting, and on-chain code verification.

Built as a submission for LavaPunk Hackathon 2026, Dev Arsenal showcases the fusion of Web3 technology with modern development practices.

• ⚔️ 12 Development Weapons - Specialized tools for every aspect of development
• 🤖 AI-Powered Analysis - OpenAI GPT-4o integration for code optimization and quality checks
• ⛓️ Blockchain Integration - Proof-of-Build with Base blockchain verification
• 🔥 Real Code Execution - Live compilation via Piston API for 11+ languages
• 📊 Quality Tracking - Comprehensive code quality metrics with historical trends
• 🐛 Advanced Bug Detection - Multi-language bug hunting with severity classification
• 📦 Smart Package Management - AI-powered package recommendations and analytics
• 🎨 Battle-Tested UI - Monaco Editor integration with 6 professional themes

The command center for development activities.

• Weapon Showcase - Quick access to all 12 specialized tools
• Activity Tracking - Monitor weapon usage and development statistics
• Battle Stats - Real-time metrics on code executions, bugs found, and packages managed
• Language Arsenal - Support for JavaScript, TypeScript, Python, Solidity, Rust, Go, Java, C++, C#, PHP, Ruby, and Swift

Pre-built code templates and snippets library.

• 100+ Code Snippets across 9 categories (Hello World, Variables, Functions, Loops, Arrays, Classes, Async, API Calls, Algorithms)
• Monaco Preview - Live syntax highlighting for snippet preview
• One-Click Insertion - Instant code insertion into editor
• Multi-Language Support - Templates for all supported languages

Persistent code storage and management system.

• Local Storage - Save up to 50 projects locally
• Code History - Track all saved codes with timestamps
• Search & Filter - Find saved codes by language or content
• Export/Import - Download code files with proper extensions
• Shareable Links - Base64-encoded URL sharing with QR code generation

Side-by-side language comparison tool.

• Multi-Language Comparison - Compare code implementations across languages
• Performance Analysis - Execution time and memory usage metrics
• Verbosity Metrics - Line count and code complexity comparison
• Learning Curve Assessment - Difficulty ratings and best use cases
• Strengths & Weaknesses - Detailed analysis for each language

AI-powered code optimization and generation.

• OpenAI GPT-4o Integration - Real AI-powered analysis
• Code Optimization - Intelligent performance improvement suggestions
• Code Review - Comprehensive quality and security analysis
• Error Fixing - AI-driven bug detection and solutions
• Natural Language Generation - Convert descriptions to production code

Comprehensive code quality analysis system.

• Multi-Dimensional Analysis - Security, Performance, Maintainability, Readability
• Quality Scoring - 0-100 score with detailed breakdowns
• Historical Trends - Track quality improvements over time with interactive charts
• Sparkline Visualizations - Individual metric trends with up/down indicators
• Achievement Tracking - Personal best, improvement streaks, and quality badges
• Pattern Detection - Identify common code quality issues

Advanced multi-language bug detection engine.

• 5 Bug Categories - Syntax, Logic, Security, Performance, Best Practices
• Severity Levels - Critical, High, Medium, Low with color coding
• Auto-Scan Mode - Real-time bug detection while coding
• Line-Level Detection - Precise bug location with code snippets
• Fix Suggestions - Actionable recommendations for each bug
• Hunt History - Track all bug scans with statistics and achievements
• Multi-Language Support - Language-specific patterns for JavaScript, Python, Solidity, Rust, and more

Intelligent package management with AI analytics.

• Comprehensive Package Database - 30+ popular packages with detailed metadata (downloads, stars, license, size)
• Smart Search & Filters - Filter by category (Utilities, Frameworks, Testing, Data Science, Web3, HTTP, etc.)
• Quick Install Templates - One-click installation of package bundles (Web API Starter, Testing Suite, Smart Contract Base, etc.)
• AI-Powered Analytics - OpenAI integration for personalized package recommendations
• Optimization Insights - AI-driven suggestions for arsenal improvement
• Category Distribution - Visual breakdown of installed packages
• Installation History - Complete activity log with timestamps
• Statistics Dashboard - Real-time stats on total installed, size, and usage patterns

Blockchain-based code verification system.

• Base Blockchain Integration - On-chain code verification using Base network
• IPFS Storage - Decentralized code storage via IPFS
• Ethers.js Integration - Secure wallet connection and transaction signing
• Build Certificates - Generate verifiable proof of code authorship
• Timestamped Records - Immutable build history on blockchain
• MetaMask Support - Seamless wallet integration

Code execution and benchmarking arena.

• Real-Time Execution - Live code compilation via Piston API
• Performance Metrics - Execution time, memory usage, and output size tracking
• Rating System - Excellent/Good/Fair/Slow performance classification
• Multi-Language Execution - Support for 11+ compiled languages
• Benchmark History - Track performance improvements over time
• Visual Indicators - Color-coded performance feedback

Comprehensive IDE configuration system.

Appearance Tab:

• 6 Professional Themes (Dark, Light, Monokai, Nord, Dracula, GitHub)
• Font Size Control (10px-24px)

Editor Tab:

• Line Numbers Toggle
• Minimap Display
• Word Wrap Configuration
• Auto Close Brackets
• Whitespace Visibility
• Indent Guides
• Smooth Scrolling
• Tab Size Control (2-8 spaces)

General Tab:

• Auto Save with Configurable Delay (500ms-5s)
• Execution Timeout Control (5s-30s)
• Notification Preferences
• Confirm Before Exit

Additional Features:

• Export/Import Settings
• Reset to Defaults
• Persistent Preferences

Development insights and information hub.

Overview Tab:

• System Status Monitoring (Storage, AI Services, Code Execution)
• Weapons Showcase with descriptions
• Language Support Matrix

Live Stats Tab:

• Real-Time Development Statistics
• Arsenal Power Level with progress bars
• Code Quality, Weapon Mastery, Bug Hunting Skills tracking
• Favorite Language Detection

Tips & Tricks Tab:

• 6+ Helpful Development Tips
• Keyboard Shortcuts Guide
• Feature Discovery

Changelog Tab:

• Version History (v1.2.0 - January 2026)
• Detailed Feature Updates
• Release Dates and Highlights

Shortcuts Tab:

• Complete Keyboard Shortcuts Reference
• System Requirements
• Browser Compatibility Guide

• Next.js 15.3.8 - React framework with App Router
• TypeScript 5 - Type-safe development
• React 19 - Latest React features with concurrent rendering

• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Accessible and customizable component library
• Lucide React - Beautiful icon library
• Framer Motion - Smooth animations and transitions

• Monaco Editor - VS Code's powerful code editor
• @monaco-editor/react - React wrapper for Monaco
• Syntax Highlighting - Support for 12+ programming languages
• IntelliSense - Code completion and suggestions

• OpenAI GPT-4o - AI-powered code analysis and generation
• Piston API - Real code compilation and execution
• IPFS - Decentralized storage for code artifacts

• Ethers.js v6 - Ethereum library for Web3 interactions
• Base Network - Layer 2 blockchain for Proof-of-Build
• MetaMask - Wallet connection and authentication
• Smart Contracts - On-chain code verification

• LocalStorage API - Client-side persistence
• QR Code Generation - Share functionality
• Base64 Encoding - URL-safe code sharing

• Farcaster SDK - Mini-app integration for Farcaster protocol
• Farcaster Quick Auth - Seamless authentication

• Node.js 18+ (LTS recommended)
• npm, yarn, or pnpm package manager
• Modern web browser (Chrome, Firefox, Safari, Edge)
• MetaMask wallet (for blockchain features)

1. Clone the repository

git clone https://github.com/mrbrightsides/devarsenal.git
cd devarsenal

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Configure Environment Variables (Optional)

# Create .env.local file for API keys
OPENAI_API_KEY=your_openai_api_key
INFURA_PROJECT_ID=your_infura_project_id

4. Run development server

npm run dev
# or
yarn dev
# or
pnpm dev

5. Open browser

Navigate to http://localhost:3000

npm run build
npm start

docker build -t devarsenal .
docker run -p 3000:3000 devarsenal

1. Select a Weapon - Choose from 12 specialized development tools
2. Choose Language - Select from 12+ programming languages
3. Write Code - Use Monaco Editor with syntax highlighting and auto-completion
4. Execute & Analyze - Run code, hunt bugs, check quality, optimize with AI
5. Save & Share - Store in Code Vault or share via blockchain

Development Cycle:

Write Code → Run in Colosseum → Hunt Bugs → Shield Analysis → AI Optimization → Proof-of-Build

Quality Assurance:

Quality Shield → View Trends → Bug Hunter → Fix Issues → Re-analyze → Track Improvement

Package Management:

Arsenal Supply → Search Packages → Install → AI Analytics → Optimize Dependencies

Dev Arsenal includes 6 professionally designed themes:

• Dark - Classic dark theme with blue accents (default)
• Light - Clean light theme for daytime development
• Monokai - Popular Sublime Text-inspired theme
• Nord - Arctic-inspired color palette
• Dracula - Elegant dark theme with vibrant colors
• GitHub - Familiar GitHub-style light theme

All themes support Monaco Editor synchronization and can be customized in Armory Settings.

devarsenal/
├── src/
│   ├── app/
│   │   ├── api/
│   │   │   ├── analyze-error/        # AI error analysis endpoint
│   │   │   ├── analyze-quality/      # Code quality analysis
│   │   │   ├── compile/              # Code compilation
│   │   │   ├── me/                   # Farcaster auth
│   │   │   └── proxy/                # External API proxy
│   │   ├── layout.tsx                # Root layout with Farcaster
│   │   └── page.tsx                  # Main Arsenal interface
│   ├── components/
│   │   ├── ui/                       # shadcn/ui components
│   │   ├── about.tsx                 # About Arsenal
│   │   ├── ai-analyzer.tsx           # AI error analyzer
│   │   ├── ai-code-assistant.tsx     # AI Cannon component
│   │   ├── arsenal-intel.tsx         # Arsenal Intel dashboard
│   │   ├── bug-hunter.tsx            # Bug Hunter tool
│   │   ├── code-editor.tsx           # Monaco Editor wrapper
│   │   ├── code-snippets.tsx         # Snippet Arsenal
│   │   ├── dashboard.tsx             # Arsenal HQ
│   │   ├── language-comparison.tsx   # Syntax Showdown
│   │   ├── package-manager.tsx       # Arsenal Supply
│   │   ├── performance-metrics.tsx   # Colosseum metrics
│   │   ├── proof-of-build.tsx        # Blockchain verification
│   │   ├── quality-shield.tsx        # Quality Shield analyzer
│   │   ├── saved-codes.tsx           # Code Vault
│   │   ├── settings.tsx              # Armory Settings
│   │   └── share-dialog.tsx          # Share functionality
│   ├── hooks/
│   │   ├── useAddMiniApp.ts          # Farcaster mini-app hook
│   │   ├── useIsInFarcaster.ts       # Farcaster detection
│   │   └── useQuickAuth.tsx          # Quick Auth integration
│   ├── lib/
│   │   ├── code-formatter.ts         # Code formatting
│   │   ├── code-storage.ts           # LocalStorage management
│   │   └── language-config.ts        # Language configurations
│   └── spacetime/                    # SpacetimeDB (if used)
├── public/
│   └── .well-known/
│       └── farcaster.json            # Farcaster manifest
├── README.md
├── package.json
└── tsconfig.json

This project was built for the LavaPunk Hackathon 2026, showcasing:

• Innovation in Developer Tools - Gamified IDE with weapon-based metaphors
• Blockchain Integration - Proof-of-Build with Base network and IPFS
• AI-Powered Features - OpenAI integration for intelligent code analysis
• Real-Time Execution - Live code compilation across 11+ languages
• Web3 UX - Seamless blockchain interactions with MetaMask
• Farcaster Integration - Mini-app support for social developer interactions

• ✅ Developer Tools
• ✅ AI/ML Integration
• ✅ Blockchain/Web3
• ✅ Open Source Innovation

Production URL: Dev Arsenal

Features Enabled:

• Full Arsenal with all 12 weapons
• AI Cannon with OpenAI integration
• Bug Hunter with multi-language support
• Quality Shield with trend tracking
• Arsenal Supply with AI analytics
• Proof-of-Build with Base blockchain
• Farcaster mini-app integration

Total: 100+ code snippets across all languages

• Multi-player collaborative editing with real-time cursors
• Git integration with GitHub/GitLab
• Cloud storage and cross-device sync
• Advanced debugging with breakpoints
• Extended blockchain support (Ethereum, Polygon, Arbitrum)

• Plugin system for community extensions
• Mobile app for iOS and Android
• Docker integration for isolated execution
• Database management tools
• API testing suite (Postman-like)

• Team workspaces and organizations
• CI/CD pipeline integration
• Advanced security scanning
• Performance profiling tools
• Marketplace for templates and plugins

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

Khudri Ahmad (mrbrightsides)

• GitHub: @mrbrightsides
• Telegram: @khudriakhmad
• Discord: @khudri_61362
• Email: support@elpeef.com
• Website: rantai.elpeef.com

Special thanks to:

• LavaPunk Hackathon - For organizing this amazing event
• Base Network - For blockchain infrastructure
• OpenAI - For GPT-4o API access
• Monaco Editor - Microsoft's powerful code editor
• shadcn/ui - Beautiful and accessible component library
• Next.js Team - For the incredible React framework
• Vercel - For hosting and deployment platform
• Piston API - For code execution engine
• Farcaster - For mini-app protocol and SDK
• Open Source Community - For continuous inspiration

• 📧 Email: support@elpeef.com
• 💬 Telegram: @khudriakhmad
• 🎮 Discord: @khudri_61362
• 🐛 Issues: GitHub Issues
• 💡 Feature Requests: GitHub Issues
• 📖 Documentation: GitHub Wiki

Join the Dev Arsenal community to:

• Share feedback and suggestions
• Report bugs and issues
• Request new features
• Contribute to development
• Get support and help