- Item Name : Doccure - Clinics and Doctors Online Appointment Booking Laravel Template
- Item Version : v2.0.7
- Author : Dreams Technologies
- Support via email: [email protected]
- Support via Themeforest: Take me there
Doccure - Clinics and Doctors Online Appointment Booking Laravel Template (Practo Clone)
On sale Doccure - Clinics and Doctors Online Appointment Booking Laravel Template (Practo Clone) - Health & Beauty Retail Live Preview Doccure – Doctor Appointment Booking Template is a appointment management and patient management template. We provide a simple and easy booking online system. So, the user could view all those services provided by the clinic, select the specialist, availability of doctors, and appointment date. The time and date will be chosen after confirming the doctor’s availability. Our main aim is to provide simple and effective online services for doctor appointments.
System Overview
The Doccure template requires a modern Laravel development environment with PHP 8.2+ support, essential extensions, and development tools for optimal performance and development experience.
Core Technologies
Backend Framework
Laravel 12.44.0
Frontend Framework
Bootstrap 5.3.8
Programming Language
PHP 8.4
System Requirements
Composer
For dependency management
PHP Extensions
bcmath, ctype, fileinfo, json, mbstring, openssl, pdo, tokenizer, xml
Node.js
For Vite build process & 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 Laravel 12.x and PHP 8.2+.
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
Laravel 12x
Modern PHP framework architecture
Composer Management
Package dependency management
Routing System
Flexible URL routing & middleware
PHPUnit Testing
Laravel testing framework
Json Data Handling
File-based data processing
MVC Architecture
Laravel MVC pattern structure
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 project follows Laravel's MVC architecture with clear separation of concerns and modern development practices.
Legend
Laravel Blade Template Structure
Doccure uses Laravel's Blade templating engine with a master layout file and individual page templates for consistent design and functionality. Below are the actual files from the project.
Main Layout File
This is the actual master layout file from the project that provides the common HTML structure, navigation, and scripts for all pages:
<!DOCTYPE html>
<html lang="en">
<head>
@include('partials.head-css')
@include('partials.title-meta')
</head>
<body>
@include('partials.main-wrapper')
@include('partials.topbar')
@yield('content')
@include('partials.footer')
@component('components.cursor')
@endcomponent
</div>
<!-- /Main Wrapper -->
@component('components.modal-popup')
@endcomponent
@component('components.scroll-top')
@endcomponent
@include('partials.vendor-scripts')
</body>
</html>
Sample Page Template
This is the actual starter page template from the project that extends the main layout:
<?php $page = 'blank-page'; ?>
@extends('layouts.mainlayout')
@section('content')
@component('components.breadcrumb', ['title' => 'Pages', 'li_1' => 'Blank Page', 'li_2' => 'Blank Page'])
@endcomponent
<!-- Page Content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-12">
<h5>Blank Page</h5>
</div>
</div>
</div>
</div>
<!-- /Page Content -->
@endsection
Key Blade Template Features
Template Inheritance
@extends directive for master layout structure
Content Sections
@section and @yield for dynamic content injection
Partial Includes
@include directive for reusable partials (topbar, sidebar, footer)
Route Conditions
@if Route::is() for conditional layout rendering
Component System
@component directive for modal popup components
PHP Variables
PHP variables for page identification and routing
Laravel Framework Setup
Follow these steps to set up Doccure Laravel application on your local development environment. This guide covers Laravel-specific installation, environment configuration, and project setup.
Installation Steps
Environment Setup
Ensure you have the required software installed:
Project Setup
Extract the Doccure Laravel project to your web server directory:
Install PHP Dependencies
Open terminal/command prompt in the Laravel project directory and run:
composer install
Install Node.js Dependencies
Install frontend dependencies for SCSS compilation:
npm install
Environment Configuration
Configure your Laravel environment:
cp .env.example .env
php artisan key:generate
Database Setup
Set up your database and run migrations:
php artisan migrate
Build Frontend Assets
Compile SCSS and build frontend assets:
npm run build
npm run dev for live compilation
Access Application
Start your web server and access the Laravel application:
php artisan serve
http://127.0.0.1:8000
yourdomain.com/laravel/template/frontend/public
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 Doccure 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@latest
Install Sass Globally
Install Dart Sass globally using npm:
npm install -g sass
Verify Installation
Check if Sass is installed correctly:
sass --version
Compilation Methods
| Method | Description | Default Sass Command | npm Script Command | |
|---|---|---|---|---|
| One-time Compilation (Production) |
Compile SCSS files once for production with minified output |
sass resources/scss/main.scss:resources/css/style.css
|
npm run sass
|
|
| Watch Mode (Development) |
Automatically recompile on file changes for real-time development |
sass resources/scss/main.scss:resources/css/style.css --watch
|
npm run sass:watch
|
|
| Run Without Source Map (Production/Optional) |
Compile SCSS without generating source maps, ideal for production builds |
sass resources/scss/main.scss:resources/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 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-theme header-theme-two">
<button type="button" id="dark-mode-toggle" class="theme-toggle moon">
<i class="isax isax-moon5"></i>
</button>
<button type="button" id="light-mode-toggle" class="theme-toggle sun">
<i class="isax isax-sun-15"></i>
</button>
</div>
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>
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="{{URL::asset('build/plugins/fontawesome/css/fontawesome.min.css')}}">
<link rel="stylesheet" href="{{URL::asset('build/plugins/fontawesome/css/all.min.css')}}">
<!-- Iconsax CSS-->
<link rel="stylesheet" href="{{URL::asset('build/css/iconsax.css')}}">
</head>
</html>
<i class="isax isax-call5 me-1"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-regular fa-user"></i>
Please note that our respond can take up to 2 business days.
- Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
- Any customization request will be ignored.
- Please make sure to read more about the support policy.
If this documentation does not address your questions, please feel free to contact us via email at Item Support Page
We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.
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.
Don’t forget to Rate Doccure!
Doccure 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.
| Plugin 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/ |
| Morris | https://morrisjs.github.io/morris.js/ |
| Summernote | https://summernote.org/plugins |
| Fancy Box | http://fancybox.net/ |
| Dropzone Js | https://github.com/dropzone/dropzone |
| Jquery UI | https://jqueryui.com/ |
| Full Calendar | https://fullcalendar.io/ |
| Moment JS | https://momentjs.com/ |
| Popper JS | https://popper.js.org/ |
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 that your project isn't just another cookie-cutter solution but a 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 Doccure.
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.