AMPBoard is a modern, modular dashboard for developers using Apache, MySQL, and PHP — whether on localhost or remote servers. It replaces the plain Apache index page with a responsive, feature-rich control panel that displays your projects, monitors system stats, and manages Apache & MySQL — all from one sleek interface.
Note
Advanced Apache specific tools like Vhosts Management, Restart Apache, Inspector and Log Viewer, require server-level access when deployed remotely.
✅ Requires PHP 7.1+
✅ Works on Windows, macOS, and Linux
✅ Built with Webpack, Babel, Sass, and module-based JS
It is intended to be used with AMP stacks such as:
- Instant Project Search – Live filter through all your local folders with ease
- Flexible Column Layout – Draggable, resizable, and fully customisable folder views
- Inclusive UX – Designed so sighted, low-vision, and non-mouse users all get the same power
- Environment Snapshot – Instantly see which versions of Apache, PHP, and MySQL you're running
- Smart Apache Control – Safely restart the active Apache instance based on your OS and setup
- Live System Monitoring – AJAX-powered CPU, memory, and disk usage at a glance
- Apache and MySQL Inspector – Inspect configuration and uptime for Apache and MySQL servers
- Reusable Link Templates – Define and reuse HTML templates across folder listings
- Quick Config Panel – Update paths, ports, and settings without breaking a sweat
- PHP Management – Adjust the PHP memory limit and toggle error display/logging on the fly
- Virtual Hosts Overview – View and validate active VHosts, with SSL certificate management
- Apache and PHP Error Log Toggle – One-click access to the latest server logs
- Export Files & Database – Export folders as ZIP or 7-Zip; include/only WP uploads; exclude junk
- Security – CSRF on POST, path checks, safe fallbacks; no secrets persisted
- Open Folder from UI – Instantly launch projects in your file explorer from the browser
- Custom Dock – macOS-style dock with editable shortcuts to your key tools and sites
- Real-Time Clock – Because knowing the time is still a thing
- Responsive Interface – Sleek, modern design that adapts to all screen sizes
- Theme Switcher – Many themes, one destiny. Pick your favourite
- Demo Mode – Disables exports and obfuscates credentials for demonstrative purposes
- Low-Stress Local Dev – Designed to stay out of your way 🧘 so you can focus on building
- Clone this repo into your Apache document root, e.g.
C:/xampp/htdocs/ - Run
npm installin the repo's location to install dev dependencies - Access
http://localhost/on your web browser to view your new dashboard - Set your custom user config by navigating to the Settings page in the footer
- Customise to your delight
- Run
npm run buildto compile any changed SCSS or JavaScript
A quick overview of the core files and folders in this project, so you’re never left wondering what does what.
| File | Description |
|---|---|
index.php |
Main entry point. Displays the homepage with all widgets and layout. |
package.json |
Lists build dependencies and Webpack/Babel/Sass configuration. |
webpack.config.js |
Webpack build pipeline for JS and SCSS. |
| File | Description |
|---|---|
helpers/ |
Common helpers for the whole app, grouped logically and easy to extend. |
interface/ |
Heading configuration and tooltip descriptions for settings and panels. |
profiles/ |
Profile folder for auto generated user-defined overrides saved from the settings UI. |
bootstrap.php |
Init headers, session, security, and config; starts session early for CSRF rendering. |
config.php |
Default configuration including MySQL credentials and Apache path settings. |
helpers.php |
One include to rule them all: loads modular helpers and common utilities. |
debug.php |
Logs raw shell commands (with optional context) to logs/localhost-page.log. |
These scripts are automatically used by utils/generate_cert.php to generate self-signed certificates for local development environments.
| Script | Purpose |
|---|---|
make-cert-prompt.bat |
Windows Batch that prompts for CN/SANs, generates .key and .crt with OpenSSL. |
make-cert-prompt.sh |
Bash script that prompts for CN/SANs, generates .key and .crt with OpenSSL. |
make-cert-silent.bat |
Generates a .crt and .key using OpenSSL silently via Windows Batch script. |
make-cert-silent.sh |
Bash script to generate a cert/key pair non-interactively using OpenSSL. |
💡 These scripts are auto-copied from
crt/if missing fromapache/crt/or outdated.
| File | Description |
|---|---|
settings/ |
Contains all modular settings panels used to build the full configuration interface. |
dock.php |
Renders the customizable macOS-style dock. |
folders.php |
Dynamically scans and lists local project folders. |
footer.php |
Displays the page footer with navigation links and a humorous quote. |
header.php |
Shared header banner with greeting, search bar, clock, and server info. |
info.php |
Displays system information like PHP, Apache, and MySQL versions. |
settings.php |
The settings interface for configuring paths, theme, folders, dock, and logs. |
submit.php |
Handles the saving of user-configured settings. |
| File | Description |
|---|---|
apache_error_log.php |
Fetches and returns Apache error log entries via AJAX. |
apache_inspector.php |
Detects Apache installation details like version, modules, and config paths. |
export_files.php |
UI + JSON endpoints to export files or DB with CSRF and WP uploads options. |
generate_cert.php |
Generates SSL certificates. |
mysql_inspector.php |
Fetches MySQL version, uptime, configuration, and connection status. |
open_folder.php |
Opens a specified folder path in the system file explorer (cross-platform). |
php_error_log.php |
Fetches and returns PHP error log entries via AJAX. |
phpinfo.php |
Outputs PHP environment details via phpinfo() — handy for debugging. |
read_config.php |
Read-only endpoint for whitelisted UI JSON over GET. |
system_stats.php |
Provides live server stats (CPU, memory, disk) using AJAX. |
toggle_apache.php |
Safely restarts the currently running Apache instance. |
vhosts_manager.php |
Lists and validates Apache virtual hosts, including SSL and hosts file checks. |
| File/Folder | Description |
|---|---|
main.js |
Webpack entry point — initialises all modules. |
modules/ |
Modular ES6 scripts (e.g. clock.js, dock.js, columns.js) |
| Folder | Description |
|---|---|
base/ |
Base-level styles including fonts, resets, and root CSS variables. |
components/ |
Reusable UI components such as dock, folders, forms, tooltips, and system modules. |
layout/ |
Page layout structure including header, footer, and main content styles. |
pages/ |
Styles specific to individual pages like settings and PHP info. |
themes/ |
Configurations for all available themes, including colour schemes and metadata. |
utils/ |
SCSS utilities including keyframes, media queries, mixins, and variables. |
style.scss |
The main SCSS entry point that imports all partials. |
| File | Description |
|---|---|
fira-code/ |
Fira Code font family. Used for <code> elements and the HTML Editor. |
ubuntu/ |
Ubuntu font family. Main <body> font. |
This project is licensed under the GNU General Public License v3.0 (GPL-3.0). You are free to use, modify, and distribute this software, provided that any derivative works are also released under the same open-source license.