Central hub for accessing all your local XAMPP projects with a beautiful, responsive interface. Auto-scans your htdocs folder and displays all available apps. Perfect for developers managing multiple projects!
β¨ Auto-Discovery - Automatically scans and displays all projects in your htdocs folder
π¨ Modern UI - Beautiful, responsive card-based interface
π·οΈ Smart Detection - Identifies projects with index.php or index.html
β‘ Quick Access - One-click launch to any of your applications
π Non-Destructive - Preserves all existing projects and default XAMPP files
- Download this repository as a ZIP file
- Extract the ZIP file
- Copy the contents into your XAMPP
htdocsfolder (e.g.,C:\xampp\htdocs\) - Replace the existing
index.phpfile when prompted - Done! Go to
http://localhostand see your dashboard
index.php- Modified to redirect to the new dashboard (instead of default XAMPP dashboard)apps-dashboard.php- New file added to display your applications
- β All your existing projects and folders
- β
Default XAMPP dashboard (still accessible at
/dashboard/) - β All other XAMPP files and configurations
- β
phpMyAdminand other XAMPP tools
- Start XAMPP - Run Apache and any other services you need
- Open Browser - Navigate to
http://localhost - Browse Apps - Your dashboard will display all available projects
- Click "Open App" - Launch any of your applications
- Click "View Files" - Browse project files in the file explorer
For your projects to appear on the dashboard, they must:
- Be located in your
C:\xampp\htdocs\directory - Contain either an
index.phporindex.htmlfile in the root folder
C:\xampp\htdocs\
βββ index.php (modified by this package)
βββ apps-dashboard.php (added by this package)
βββ my-app-1/
β βββ index.php β (will appear on dashboard)
βββ my-app-2/
β βββ index.html β (will appear on dashboard)
βββ random-folder/
β βββ (no index files) β (won't appear on dashboard)
βββ dashboard/ (original XAMPP dashboard - still here)
Edit apps-dashboard.php to add more folders to the ignore list. Look for this line:
$ignored = array('.', '..', '.dist', '.vscode', 'webalizer', 'xampp', 'xampp-apps-dashboard-repo');Add any folder names you want to exclude from the dashboard.
Modify the icon detection logic in apps-dashboard.php (around line 180) to customize icons for different app types:
if (stripos($app['dir'], 'php') !== false) {
echo 'π'; // PHP projects
} elseif (stripos($app['dir'], 'api') !== false) {
echo 'βοΈ'; // API projects
}- Make sure you replaced the
index.phpfile - Clear your browser cache and reload
- Check that Apache is running in XAMPP Control Panel
- Ensure your project folders are in
C:\xampp\htdocs\ - Your project root must contain
index.phporindex.html - Folder names with special characters might not display correctly
- The original dashboard is still there at
http://localhost/dashboard/ - Access it anytime by visiting that URL directly
If you want to go back to the default XAMPP dashboard:
- Replace your
index.phpwith the original:
<?php
if (!empty($_SERVER['HTTPS']) && ('on' == $_SERVER['HTTPS'])) {
$uri = 'https://';
} else {
$uri = 'http://';
}
$uri .= $_SERVER['HTTP_HOST'];
header('Location: '.$uri.'/dashboard/');
exit;
?>
Something is wrong with the XAMPP installation :-(- Delete
apps-dashboard.php
- PHP 5.3 or higher (comes with XAMPP)
- Web server (Apache - comes with XAMPP)
- Modern web browser
For issues or feature requests, please check:
- Your projects are in the correct directory structure
- Your
index.phpfile was properly replaced - Browser cache is cleared
- XAMPP Apache service is running
Feel free to use, modify, and share!
Created for: Local XAMPP Development
Compatible with: XAMPP for Windows, Linux, and Mac