Skip to content

Repository files navigation

MenuBase - Multiple Things On Single Platform

A comprehensive, fully functional web application that provides tools for automation, AI, cloud management, and development tasks. Built with vanilla HTML/CSS/JavaScript for maximum compatibility and easy deployment.

🚀 Quick Start

Local Development

  1. Direct Method: Double-click index.html to open in your browser
  2. Local Server (recommended):
    # Python
    python -m http.server 8000
    
    # Node.js
    npx serve .
    
    # PHP
    php -S localhost:8000
    Then visit http://localhost:8000

Netlify Deployment

  1. Drag & Drop: Upload the entire folder to Netlify
  2. Git Integration: Connect your GitHub repository to Netlify
  3. Automatic Deployment: Every push to main branch triggers deployment

✨ Fully Working Features

🏠 Home Dashboard

  • Interactive Feature Cards: Hover effects and animations
  • Quick Access Chips: Navigate to different sections
  • Responsive Design: Works on all device sizes
  • Dark/Light Mode: Toggle with persistent storage

🐍 Python Development

  • WhatsApp Automation: Form-based message sending (simulated)
  • Email Automation: Email composition and sending interface
  • AI Code Generator: Generate Python code from descriptions
  • Real-time Feedback: Toast notifications for all actions

🧙‍♂️ HTML/JavaScript Tools

  • Camera Access: Real camera capture with photo download
  • Location Services: GPS coordinates with Google Maps integration
  • Text-to-Speech: Voice synthesis with multiple voice options
  • Calculator: Mathematical expression evaluator
  • File Download: Capture and download photos

🧠 Machine Learning

  • CSV File Upload: Drag & drop file upload with preview
  • Model Training: Simulated ML training with progress bars
  • Predictions: JSON input for making predictions
  • Data Visualization: Canvas-based charts (scatter, line, bar)
  • Real-time Progress: Training progress visualization

🎯 Prompt Engineering

  • AI Model Selection: Choose between GPT-4, GPT-3.5, Claude, Gemini
  • Temperature Control: Slider for creativity adjustment
  • Prompt Templates: Pre-built templates for different use cases
  • Response Generation: Simulated AI responses
  • Prompt Optimization: Improve prompts for better results

🐧 Linux Management

  • SSH Connection: Simulated SSH connection interface
  • Interactive Terminal: Working terminal with command history
  • Voice Commands: Speech recognition for commands
  • System Monitoring: Real-time CPU, memory, disk usage
  • Command History: Arrow key navigation through commands

🐳 Docker Management

  • Container Management: Create, run, and stop containers
  • Container List: View running containers in table format
  • Docker Compose: Deploy multi-container applications
  • Image Management: List available Docker images
  • Port Mapping: Configure container port mappings

☁️ AWS Cloud Services

  • EC2 Instance Management: Launch and terminate instances
  • Database Services: Create RDS, DynamoDB, Aurora databases
  • Instance Types: Choose from various EC2 instance types
  • Cost Monitoring: Real-time cost estimation
  • Database Endpoints: Generated connection strings

🪄 Kubernetes Orchestration

  • Cluster Management: Create and delete clusters
  • Pod Deployment: Deploy applications with replicas
  • Cluster Monitoring: Real-time node and pod statistics
  • Scaling: Scale deployments up and down
  • Multi-cloud Support: EKS, GKE, AKS, Minikube

🧞 Agentic AI

  • AI Agent Creation: Create specialized AI agents
  • Task Automation: Assign tasks to agents
  • Performance Monitoring: Track agent performance metrics
  • Agent Types: Data Analyst, Code Reviewer, Content Writer, etc.
  • Task Management: Monitor and manage assigned tasks

📁 File Management

  • File Upload: Drag & drop file upload with progress
  • File Search: Search and filter files by type
  • File Browser: Table view with download/delete actions
  • Storage Analytics: Track storage usage and file types
  • Multiple File Types: Images, documents, videos, archives

🪟 Windows Management

  • System Information: Comprehensive system scanning
  • PowerShell Terminal: Interactive PowerShell interface
  • Service Management: Start, stop, restart Windows services
  • Performance Monitoring: Real-time system metrics
  • Security Scanning: Security check and reporting

🎨 UI/UX Features

  • 🌗 Dark/Light Mode: Toggle with persistent storage
  • 📱 Mobile Responsive: Works perfectly on all devices
  • 🎯 Toast Notifications: User feedback for all actions
  • 🎨 Modern Design: Material Design with smooth animations
  • ⚡ Fast Loading: No build process, instant startup
  • 🔄 Real-time Updates: Live data updates and progress bars

🛠️ Technical Implementation

Frontend Technologies

  • Pure HTML/CSS/JavaScript: No frameworks required
  • Material Design Icons: Google's icon library
  • CSS Grid & Flexbox: Modern layout techniques
  • Local Storage: Theme preference persistence
  • Web APIs: Camera, Geolocation, Speech Synthesis, File API

Browser APIs Used

  • MediaDevices API: Camera access
  • Geolocation API: Location services
  • SpeechSynthesis API: Text-to-speech
  • File API: File upload and management
  • Canvas API: Data visualization
  • LocalStorage API: Data persistence

Security Features

  • Content Security Policy: Configured for Netlify
  • Input Validation: All user inputs validated
  • Safe Evaluation: Calculator uses safe math evaluation
  • File Type Validation: Upload restrictions

🚀 Deployment Options

Netlify (Recommended)

  1. Automatic Deployment: Connect GitHub repository
  2. Custom Domain: Add your own domain
  3. HTTPS: Automatic SSL certificate
  4. CDN: Global content delivery network
  5. Form Handling: Built-in form processing

Other Platforms

  • GitHub Pages: Free static hosting
  • Vercel: Fast deployment with Git integration
  • Firebase Hosting: Google's hosting platform
  • Any Web Server: Upload files to any hosting service

📱 Browser Compatibility

  • Chrome: Full support (recommended)
  • Firefox: Full support
  • Safari: Full support
  • Edge: Full support
  • Mobile Browsers: Responsive design works on all

🔧 Customization

The application is built with vanilla JavaScript, making it easy to customize:

  • Add New Pages: Add entries to the pageContent object
  • Modify Styling: Edit CSS in the <style> section
  • Add Functionality: Extend the JavaScript functions
  • Change Themes: Modify color schemes and styling

🐛 Known Limitations

  • Camera Access: Requires HTTPS or localhost
  • Location Services: Requires user permission
  • Speech Recognition: Modern browsers only
  • File Upload: Browser storage limits apply

📈 Performance

  • Load Time: < 1 second (single HTML file)
  • Memory Usage: Minimal (no framework overhead)
  • Network Requests: Only external fonts and icons
  • Bundle Size: < 500KB total

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Test thoroughly
  5. Submit a pull request

📄 License

This project is licensed under the MIT License.

👨‍💻 Built by

Ritish Chauhan


Note: This is a comprehensive demonstration application. While all features are fully functional in the browser, some operations (like actual SSH connections, AWS API calls, etc.) are simulated for demonstration purposes. In a production environment, you would integrate with real backend services and APIs. "# MenuBase"

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages