A sleek, self-hosted dashboard and link aggregator designed for a relaxed, night-mode aesthetic. Organize your favorite bookmarks into categories with a minimalist interface and a built-in administration panel. Midnight Hub is designed for users who value simplicity and visual comfort.
- Minimalist Design: Dark-themed UI with background blur effects and smooth transitions.
- Dynamic Clock: Real-time clock display with a custom greeting.
- Link Categorization: Automatically groups your links by category.
- Admin Panel: Secure management system to add, edit, or delete links.
- Drag & Drop Sorting: Easily reorder your links using drag'n'drop.
- Responsive: Works beautifully on desktops, tablets, and smartphones.
- JSON Powered: No complex SQL database setup required; all data is stored in a simple
data.jsonfile.
- Frontend: HTML5, CSS3 (Custom Variables & Flex/Grid), JavaScript (Vanilla).
- Backend: PHP (CRUD operations).
- Storage: JSON.
- Libraries: FontAwesome 6.4.0 for icons, SortableJS for drag-and-drop functionality.
- A web server with PHP 7.4 or higher installed (e.g., Apache, Nginx, XAMPP).
- Write permissions for the directory (to allow PHP to update
data.json).
- Clone the repository
- Move files to your server: Upload all files to your web directory (subfolder supported).
- Permissions:
Ensure the server has permission to write to
data.json:chmod 664 data.json
- Configure Admin Password:
Open
admin.phpand change the$PASSWORDvariable:$PASSWORD = 'your-secure-password';
To change the background, simply replace background.jpg in the project folder or update the URL in style.css.