System Overview
The Dreams EMR template requires a modern web server environment with PHP 8.4 support, essential extensions, and development tools for optimal performance and development experience.
Core Technologies
Backend Framework
PHP 8.4
Frontend Framework
Bootstrap 5.3.8
Package Manager
Composer
System Requirements
Web Server
Apache or Nginx
PHP Extensions
mysql, curl, json, mbstring, xml
Node.js
For SCSS compilation
Text Editor
VS Code, Sublime Text, or any code editor
Development Tools
Local Server
XAMPP/WAMP/MAMP
Version Control
Git
Web Browser
Any modern browser
Important Note
Ensure all PHP extensions are enabled in your server configuration. For production deployment, consider using a managed hosting service that supports PHP 8.4.
Core Features
Patient Management
Registration, profiles, medical history tracking, and comprehensive patient data management.
Doctor Management
Doctor profiles, specialties, schedule management, and professional credential tracking.
Appointment System
Calendar integration, email notifications, status tracking, and automated scheduling.
Billing & Invoices
Invoice generation, payment tracking, financial reports, and automated billing.
Medical Records
Secure patient data storage, retrieval, and comprehensive medical history management.
Dashboard & Analytics
Real-time insights, performance metrics, and comprehensive healthcare analytics.
Technical Features
Modern PHP 8.4
Latest PHP architecture
Composer Management
Package dependency management
Session Authentication
Secure user authentication
PHPStan Testing
Unit tested code quality
JSON Data Handling
File-based data processing
Modular Structure
PHP include/require modules
UI/UX Features
Modern Design
Creative and contemporary UI
Responsive Bootstrap 5.3.8
Mobile-first responsive design
SCSS Styling
Advanced CSS preprocessing
Font Awesome & Tabler
Comprehensive icon libraries
Easy Customization
Color and font customization
W3C Validated
Cross-browser compatibility
Project Overview
The PHP project follows standard PHP directory structure
with the main application located in dreams-emr/php/template/.
The application includes all
standard PHP directories for a complete application structure.
dreams-emr/
└── php/
└── template/
├── assets/
│ ├── css/
│ ├── img/
│ ├── js/
│ ├── json/
│ ├── plugins/
│ └── scss/
├── partials/
│ ├── body.php
│ ├── config.php
│ ├── footer.php
│ ├── head-css.php
│ ├── main.php
│ ├── menu.php
│ ├── modal-popup.php
│ ├── session.php
│ ├── sidebar.php
│ ├── theme-settings.php
│ ├── title-meta.php
│ ├── topbar.php
│ └── vendor-scripts.php
├── src/
│ └── index.php
├── .gitignore
├── .htaccess
├── composer.json
├── package.json
└── phpstan.neon
main.php: Master Layout
This file wraps all common HTML structure: <html>, <head>, <body>, and site components like
the menu, scripts, and global modal.
It uses a placeholder <?= $content ?? '' ?> to inject
view-specific content.
This is filled dynamically by each content page using output buffering.
<?php require_once __DIR__ . '/session.php';?>
<!DOCTYPE html>
<?php require_once __DIR__ . '/theme-settings.php';?>
<head>
<?php require_once __DIR__ . '/title-meta.php';?>
<?php require_once __DIR__ . '/head-css.php';?>
</head>
<?php require_once __DIR__ . '/body.php';?>
<div class="main-wrapper">
<?php require_once __DIR__ . '/menu.php';?>
<?= $content ?? '' ?>
<?php include_once __DIR__ . '/modal-popup.php'; ?>
</div>
<?php require_once __DIR__ . '/vendor-scripts.php'; ?>
</body>
</html>
index.php: Content Page
Each page uses ob_start()
to buffer its HTML content and assign it to the $content variable, which is then injected
into main.php.
This allows your pages to stay clean and maintain a consistent layout across your project.
<?php ob_start();?>
<!-- Page HTML goes here -->
<?php
$content = ob_get_clean();
require_once '../partials/main.php';?>
Follow these steps to set up Dreams EMR on your local development environment. This guide covers environment setup, project installation, and configuration.
Installation Steps
Environment Setup
Ensure you have the required software installed:
Project Setup
Extract the Dreams EMR template files to your web server directory:
Install Dependencies
Open terminal/command prompt in the project directory and run:
composer installDatabase Configuration
Create a MySQL database and update the database settings:
partials/config.php
Access Application
Start your web server and access the application via browser:
http://localhost/dreams-emr/php/template/index.php
Overview
Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that extends CSS with variables, nesting, mixins, and more. This guide covers the installation and setup of Sass for the Dreams EMR template.
Prerequisites
Node.js Installation
Before installing Sass, ensure you have Node.js installed on your system:
https://nodejs.org/en/download/
Installation Steps
Install NPM Package Manager
Install the latest version of npm package manager:
npm install -g npm@latestInstall Sass Globally
Install Dart Sass globally using npm:
npm install -g sassVerify Installation
Check if Sass is installed correctly:
sass --versionCompilation Methods
| Method | Description | Default Sass Command | npm Script Command | |
|---|---|---|---|---|
| One-time Compilation (Production) |
Compile SCSS files once for production with minified output |
sass assets/scss/main.scss:assets/css/style.css --style=compressed
|
npm run sass
|
|
| Watch Mode (Development) |
Automatically recompile on file changes for real-time development |
sass assets/scss/main.scss:assets/css/style.css --style=compressed --watch
|
npm run sass:watch
|
|
| Run Without Source Map (Production/Optional) |
Compile SCSS without generating source maps, ideal for production builds |
sass assets/scss/main.scss:assets/css/style.css --style=compressed --no-source-map
|
npm run sass:no-map
|
Best Practices
Development
- Use watch mode for real-time updates
- Enable source maps for debugging
- Organize SCSS with partials
Production
- Use compressed output style
- Minimize file size
- Optimize for performance
Overview
The Dreams EMR template implements an intelligent title generation system that analyzes PHP filenames and converts them into user-friendly page titles. This system processes filenames through multiple transformation steps to create readable, properly formatted titles.
partials/title-meta.php
This file contains the title generation logic
Key Features
Smart Acronym Detection
Converts acronyms UI, AI, JS to uppercase
Smart Suffix Detection
Automatically customize suffixes like "Icons", "Charts", etc.
Word Processing
Converts filename parts to proper title case
SEO Optimized
Creates search-engine friendly titles
Reduced Manual Maintenance
Automatically generates without manual intervention
Professional Appearance
Consistent and polished title formatting
Examples
- index.php → "Admin Dashboard"
- appointment-consultation.php → "Appointment Consultation"
- ui-alerts.php → "Alerts"
- icon-bootstrap.php → "Bootstrap Icons"
- chart-js.php → "JS Charts"
How It Works
- System reads the current PHP filename
- Removes file extension (.php)
- Converts hyphens to spaces
- Applies smart acronym detection
- Generates final title
Title Format
All generated titles follow this consistent format:
<title> {Generated Title} | Dreams EMR - Responsive Bootstrap 5 Medical Admin Template</title>For
appointment-consultation.php:
Appointment Consultation | Dreams EMR - Responsive Bootstrap 5 Medical Admin Template
The system automatically handles title generation. For
custom acronyms and suffixes like "Icons" or "Charts", you may need to
manually add them to the title generation logic in
partials/title-meta.php .
This template uses JSON files for data storage and retrieval, providing a lightweight alternative to databases for small to medium datasets.
Key Features
File-Based Storage
JSON files in assets/json/ directory
Error Handling
Robust file operation handling
Fast Processing
Quick data loading
Easy Maintenance
Simple to read and modify
Configuration Ready
Perfect for settings data
Structured Data
Consistent JSON schema
Implementation
Load JSON data with error handling:
<?php
// Load JSON data with error handling
$jsonContent = file_get_contents('../assets/json/appointments.json');
if ($jsonContent !== false) {
$data = json_decode($jsonContent, true);
} else {
$data = [];
}
// Use the data in loops
<?php foreach ($data as $entry): ?>
<tr>
<td><?= htmlspecialchars($entry['id']) ?></td>
<td><?= htmlspecialchars($entry['patient_name']) ?></td>
<td><?= htmlspecialchars($entry['doctor_name']) ?></td>
</tr>
<?php endforeach; ?>
File Structure
Overview
The template includes a sample RTL layout page
(layout-rtl.php) that demonstrates how to implement
Right-to-Left layout for Arabic, Hebrew, and other RTL languages.
Implementation
RTL is implemented through conditional CSS loading in
head-css.php :
// Regular Bootstrap CSS for non-RTL pages
<?php if ($page !== 'layout-rtl.php') { ?>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<?php }?>
// RTL Bootstrap CSS for RTL pages
<?php if ($page === 'layout-rtl.php') { ?>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.rtl.min.css">
<?php }?>
Benefits
- Improved user experience for RTL users
- Professional multilingual application
- Easy implementation and maintenance
Access layout-rtl.php to see the RTL layout
sample. Use this as a reference to implement RTL in your own pages.
Overview
The template includes a live dark mode toggle in the header that allows users to switch between light and dark themes instantly. This feature provides better user experience in different lighting conditions.
How to Access
Dark mode is accessible through the header toggle button:
<!-- Light/Dark Mode Button -->
<div class="header-item d-none d-sm-flex me-2">
<button class="topbar-link btn topbar-link" id="light-dark-mode" type="button">
<i class="ti ti-moon fs-16"></i>
</button>
</div>
Implementation
Dark mode is implemented using JavaScript in
theme-script.js:
// JavaScript implementation in theme-script.js
document.getElementById("light-dark-mode").addEventListener("click", function(e) {
"light" === config.theme ?
changeLayoutColor("dark") :
changeLayoutColor("light")
});
Key Features
- Live theme switching without page reload
- User preference persistence
- Bootstrap 5 dark theme integration
- Improved readability in low light
The dark mode toggle is available in the header on all pages. Users can switch themes instantly without losing their current work.
Use Font Awesome icons with spesific class
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
</head>
</html>
<i class="fas fa-times"></i>
<i class="fas fa-chevron-down"></i>
<i class="fa-regular fa-user"></i>
Dreams EMR is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.
Regular License
Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.
Extended License
For use by you or one client in a single end product for which end users may be charged.
What are the main differences between the Regular License and the Extended License?
If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.
| NAME | URL |
|---|---|
| Bootstrap | https://getbootstrap.com/docs/ |
| jQuery | https://jquery.com/ |
| Fontawesome | https://fontawesome.com/ |
| Select2 | https://github.com/select2/select2 |
| Date Timepicker | https://cdnjs.com/libraries/jquery-datetimepicker |
| Google Fonts | https://fonts.google.com/ |
| Fancy Box | http://fancybox.net/ |
| Moment JS | https://momentjs.com/ |
| theia-sticky-sidebar | https://github.com/WeCodePixels/theia-sticky-sidebar |
| Range-Slider | https://ionicframework.com/docs/api/range |
Need Support?
If this documentation does not address your questions, please feel free to contact us via email at support@dreamstechnologies.com
Reach the team at GMT+5:30. Typical reply within 12–24 hours on weekdays — rarely up to 48 hrs during holidays. Support is available to verified buyers for template-related issues.
Contact SupportImportant Note : We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.
Do you need a customized application for your business?
If you need a customized application for your business depends on your specific requirements and goals, Please contact us. Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.
Don't Miss Out on the Benefits of Customization!
Unlock the potential of your project. It's time to ensure your project isn't another cookie-cutter solution but truly unique and effective one.
Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!
We'll tailor the application to meet your specific needs and preferences.
We will upload your website to the server and ensure it is live.
Thank You
Thank you once again for downloading Dreams EMR.
We hope you're enjoying your experience, and we kindly request that you take a
moment to share your valuable review and rating with us.