Citadel

homepage

Inspiration

In the world of DevOps and server management, monitoring tools are often powerful but incredibly complex to set up and maintain. We were inspired by the power of AI-driven development on Bolt.new to ask a simple question: Can we create a useful, beautiful, and functional server monitoring tool without the complexity? We wanted to build something that gives vital insights at a glance, is easy to deploy, and is accessible to everyone as an open-source tool.

What it does

Citadel is a real-time, web-based server monitoring dashboard. It provides a clean, single-pane-of-glass view of your server's most critical metrics, including:

Live CPU Usage: A dynamic gauge showing current processor load.

Memory Consumption: A clear visual of your RAM usage.

Disk Space: An overview of available and used storage.

Network Status: Basic metrics on network activity.

The dashboard is designed to be intuitive and automatically refreshes data, giving you a live pulse of your server's health without needing to constantly hit refresh or run terminal commands.

How we built it

Citadel is a proud showcase of the "One-Shot Competition" category. We generated the entire application from a single, carefully crafted prompt within the Bolt.new environment.

The Single Prompt: We engineered a detailed prompt asking Bolt.new to create a full-stack application with a vanilla JavaScript frontend and a simple Node.js/Express backend.

Tech Stack: The generated code utilised HTML, Tailwind CSS for styling, and JavaScript for the frontend logic. The backend is a lightweight Node.js server that serves the metric data via a single API endpoint.

The "Built on Bolt" Badge: As per the hackathon requirements, the publicly deployed version of Citadel proudly includes the "Built on Bolt" badge.

Post-Generation Process: In adherence with the "One-Shot Competition" rules, our only actions after the initial generation were to fix minor bugs. We corrected a JavaScript error in the data-fetching loop and adjusted a few Tailwind CSS classes that were generated incorrectly. No new features, functionality, or UI elements were added or edited beyond the scope of what the original prompt created.

Accomplishments that we're proud of

Our biggest accomplishment is successfully generating a functional, end-to-end application that solves a real-world problem from just one prompt. It's a powerful testament to how platforms like Bolt.new are changing the landscape of software development. We are especially proud of the clean, professional UI that was generated entirely by AI.