🚀 xWeb Developer Dashboard

A lightweight, modular developer dashboard with real-time monitoring capabilities

Built with minimal dependencies for maximum performance. Monitor RSS feeds, IRC channels, social media, system diagnostics, edit code, and execute terminal commands—all from one unified interface.

View on GitHub Get Started
📰 RSS Feeds
💬 IRC Client
📱 Social Media
🔧 Diagnostics
📝 Code Editor
💻 Terminal

✨ Key Features

📰

RSS Feed Reader

Monitor multiple RSS feeds in real-time. Auto-refreshes every 5 minutes. Add and remove feeds dynamically.

💬

IRC Client

Connect to IRC servers and monitor multiple channels. Get real-time message updates directly in your dashboard.

📱

Social Media Integration

Aggregate social media feeds. Extensible with API credentials. Sample data included for demonstration.

🔧

System Diagnostics

Real-time system monitoring: CPU, memory, disk usage, system uptime, load averages, and Node.js process info.

📝

Code Editor

Lightweight file editor with syntax highlighting. Read and edit files safely within your workspace.

💻

Terminal Integration

Execute shell commands directly from the dashboard. WebSocket-based for instant feedback and real-time output.

🛠️ Tech Stack

Node.js

Server-side JavaScript runtime

Express.js

Fast, unopinionated web framework

WebSocket (ws)

Real-time bidirectional communication

Vanilla JavaScript

No frontend framework dependencies

⚡ Minimal Dependencies: Only Express and WebSocket for maximum performance and maintainability

🚀 Quick Start

1

Clone the Repository

git clone https://github.com/AmVa456/xWeb.git cd xWeb
2

Install Dependencies

npm install
3

Start the Server

npm start
4

Open in Browser

Navigate to http://localhost:3000

🌐 Deployment Options

Deploy xWeb to your preferred platform with ease. Choose from multiple hosting options:

Railway

Recommended

One-click deployment with automatic HTTPS and custom domains.

  • Free tier available
  • Automatic deployments from GitHub
  • Built-in monitoring
Deploy to Railway

Render

Free tier with automatic SSL and continuous deployment.

  • Free tier for web services
  • Auto-deploy from GitHub
  • Custom domains supported
Deploy to Render

Heroku

Platform as a service with extensive add-ons ecosystem.

  • Easy scaling options
  • Rich add-ons marketplace
  • CLI-based deployment
Deploy to Heroku

DigitalOcean

App Platform with predictable pricing and great performance.

  • Starting at $5/month
  • SSD-based infrastructure
  • Multiple datacenter regions
Deploy to DigitalOcean

Self-Hosted

Deploy on your own server or VPS for full control.

  • Complete control
  • Run behind reverse proxy
  • Use with PM2 for process management
View Guide

Docker

Containerize and deploy anywhere Docker is supported.

  • Consistent environments
  • Easy scaling with orchestration
  • Works with any cloud provider
View Guide

⚠️ Security Note: xWeb is designed for local development use. For production deployment, implement additional security measures like authentication, rate limiting, and input validation. See SECURITY.md for details.

⚙️ Configuration

Environment Variables

PORT=3000 # Server port (default: 3000) NODE_ENV=production # Environment mode

Customization

The dashboard saves your widget layout in browser localStorage. You can:

  • Add/remove widgets using the "+ Add Widget" button
  • Drag and drop widgets to reorder them
  • Reset to default layout with the "Reset Layout" button

🏗️ Architecture

xWeb/ ├── server.js # Main Express server ├── modules/ # Backend modules │ ├── rss-reader.js # RSS feed parser │ ├── irc-client.js # IRC client implementation │ ├── social-media.js # Social media aggregator │ ├── diagnostics.js # System diagnostics │ └── file-editor.js # File operations └── public/ # Frontend assets ├── index.html # Main HTML ├── css/style.css # Styles └── js/app.js # Frontend JavaScript

Modular Design

Each feature is a separate module, making it easy to extend with new widgets. Minimal coupling between components ensures maintainability and flexibility.