Getting Started

Introduction

Banner
Dreams Money Thumbnail DreamsPOS - POS & Inventory Management Admin Dashboard Template

A point of sale admin template can help organize and track inventory in a business. The template includes fields for items, quantities, prices, and descriptions. It also includes fields for customer information.

Contact Support Create Support ticket

Requirements

System Overview

The Dreams POS template requires a modern web server environment with CodeIgniter 4 framework support, PHP 8.1+ compatibility, essential extensions, and development tools for optimal performance and development experience.

Core Technologies
Backend Framework

CodeIgniter 4.6.3

Frontend Framework

Bootstrap 5.3.8

Core Language

PHP 8.4

System Requirements
Node.js

For SCSS compilation

PHP Extensions

mysql, curl, json, mbstring, xml

Composer

For PHP package dependency management

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 CodeIgniter 4 and PHP 8.2+.

Features

Core Features
Product Management

Seamless product browsing with dynamic search, smart filters, and visually rich catalogs.

Inventory Control

Real-time stock tracking, batch management, and low-stock notifications.

Billing & Invoices

Generate professional invoices, manage payments, and track sales history.

Point of Sale

Fast checkout process with barcode scanning, discounts, and multiple payment options.

Supplier & Purchase Management

Manage suppliers, track purchase orders, and maintain procurement records.

Reports & Analytics

Detailed sales, purchase, and inventory reports with real-time business insights.

Technical Features
CodeIgniter 4 Framework

Modern MVC architecture

Composer Management

Dependency & autoloading

Database ORM

Active Record & Query Builder

Database Migrations

Version control for database schema

Modular Structure

Libraries, Helpers & Filters

Routing System

Flexible URL routing & middleware

Configuration

Environment-based config

Debugging Tools

Built-in debug bar & logging

Performance

Optimized for speed & caching

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

CodeIgniter Project Structure

Project Overview

This CodeIgniter 4 project follows the standard MVC architecture with clear separation of concerns, organized into logical directories for controllers, models, views, and configuration files.

dreamspos/ (Root Project)
ci/ (Main Application)
template/ (template files)
app/ (Application Core)
Config/ (Configuration Files)
App.php (App Configuration)
Database.php (Database Config)
Routes.php (URL Routing)
Autoload.php (Class Autoloading)
Controllers/ (MVC Controllers)
BaseController.php (Base Controller)
Home.php (Home Controller)
Database/ (Database Files)
Migrations/ (Database Migrations)
Seeds/ (Database Seeders)
Filters/ (Request Filters)
Helpers/ (Helper Functions)
title_helper.php (Title Management)
Language/ (Localization Files)
en/ (English Language)
Libraries/ (Custom Libraries)
Models/ (Data Models)
ThirdParty/ (Third-party Libraries)
Views/ (View Templates)
layouts/ (Layout Templates)
mainlayout.php (Main Layout Template)
partials/ (Reusable Components)
body.php (Body Section)
sidebar.php (Navigation Sidebar)
horizontal-sidebar.php (Horizontal Sidebar)
loader.php (Loader)
footer.php (Page Footer)
main-wrapper.php (Main Wrapper)
menu.php (Menu Navigation)
head-css.php (CSS Includes)
theme-settings.php (Theme Settings)
topbar.php (Sidebar Component)
twocolumn-sidebar.php (Two Column Sidebar)
vendor-scripts.php (JavaScript Libraries)
index.php (Dashboard Home)
login.php (Login Page)
users.php (Users Management)
products.php (Products Management)
projects.php (Projects Management)
employees-list.php (Employees Management)
ui-*.php (UI Components)
layout-*.php (Layout Variations)
*.php (Additional View Files)
public/ (Public Assets)
assets/ (Static Resources)
css/
Stylesheets
img/
Images & Icons
js/
JavaScript Files
scss/
Sass Source Files
plugins/
Third-party Libraries
.htaccess (Apache Configuration)
index.php (Front Controller)
vendor/ (Composer Dependencies)
codeigniter4/framework (CodeIgniter Core)
Other PHP packages (Dependencies)
writable/ (Runtime Files)
cache/ (Application Cache)
logs/ (Application Logs)
uploads/ (File Uploads)
.gitignore (Git Exclusions)
.htaccess (Apache Configuration)
composer.json (PHP Dependencies)
package.json (Node.js Dependencies)
spark (CodeIgniter CLI Tool)
env (Environment Variables)
Legend
Directories
PHP Files
JavaScript Files
CSS Files
Git Files
SCSS Files
JSON Files
Node.js Files
Image Files
Other Files

CodeIgniter PHP Structure

Views/layouts/mainlayout.php: Main Application Layout

This is the primary layout for authenticated pages, including the sidebar and top navigation.

<!DOCTYPE html>
<?= $this->include('partials/theme-settings') ?>

<head>
    <?= $this->include('partials/title-meta') ?>
    <?= $this->include('partials/head-css') ?>
</head>

<?= $this->include('partials/body') ?>

	<?= $this->include('partials/loader') ?>

	<!-- Start Main Wrapper -->
    <?= $this->include('partials/main-wrapper') ?>

        <?= $this->include('partials/menu') ?>

        <?= $this->renderSection('content') ?>

    </div>
	<!-- End Main Wrapper -->

    <?= $this->include('partials/modal-popup') ?>
    <?= $this->include('partials/vendor-scripts') ?>
</body>
</html>

Using the Layouts in Views

For Pages
<?= $this->extend('layouts/mainlayout') ?>

<?= $this->section('content') ?>

	<!-- Your page content here -->

<?= $this->endSection() ?>
Layout System Benefits
  • Consistent Structure: Shared partials for common elements (head, scripts, etc.)
  • Flexible Content: Easy content injection with renderSection
  • Clean Organization: All layout files are stored in views/layouts/
  • Reusable Components: Partials for repeated elements (header, sidebar, etc.)

Installation Guide

Follow these steps to set up Dreams POS CodeIgniter 4 application on your local development environment. This guide covers environment setup, CodeIgniter installation, and configuration.

Installation Steps
1
Environment Setup

Ensure you have the required software installed for CodeIgniter 4:

MySQL 5.7+
Web Server (Apache/Nginx)
Composer
Tip: Use XAMPP, WAMP, or MAMP for local development
2
Project Setup

Extract the Dreams POS CodeIgniter project to your web server directory:

XAMPP: htdocs/dreamspos/
WAMP: www/dreamspos/
Note: The project should be in the dreamspos/ci/template/ folder structure
3
Install Dependencies

Open terminal/command prompt in the ci/template/ directory and run:

composer install
Note: This will install CodeIgniter 4 framework and all required PHP dependencies
4
Database Configuration

Create a MySQL database and configure CodeIgniter database settings:

Create MySQL database
Update app/Config/Database.php
5
Access Application

Start your web server and access the CodeIgniter application via browser:

php spark serve
Example URLs:
Spark Server: http://localhost:8080/
Live Server: yourdomain.com/ci/template/public

Sass, Scss Installation

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 POS template.

Prerequisites
Node.js Installation

Before installing Sass, ensure you have Node.js installed on your system:

Installation Steps
1
Install NPM Package Manager

Install the latest version of npm package manager:

npm install -g npm@latest
Note: This ensures you have the latest npm version
2
Install Sass Globally

Install Dart Sass globally using npm:

npm install -g sass
3
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 public/assets/scss/main.scss:public/assets/css/style.css npm run sass
Watch Mode (Development)

Automatically recompile on file changes for real-time development

 sass public/assets/scss/main.scss:public/assets/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 public/assets/scss/main.scss:public/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

Dynamic Title Feature

Overview

The Dreams POS CodeIgniter application implements an intelligent title generation system using CodeIgniter helpers that analyzes URI segments and converts them into user-friendly page titles. This system processes URL segments through multiple transformation steps to create readable, properly formatted titles.

File Location: app/Helpers/title_helper.php
This helper contains the title generation logic
Key Features
Smart Acronym Detection

Converts acronyms to uppercase

Smart Suffix Detection

Automatically adds "Icons" and "Charts" suffixes

Word Processing

Converts URI segments to proper title case

SEO Optimized

Creates search-engine friendly titles

CodeIgniter Integration

Uses CodeIgniter URI service and helper system

Professional Appearance

Consistent and polished title formatting

Examples
  • index → "Admin Dashboard"
  • account-settings → "Account Settings"
  • ui-alerts → "Alerts"
  • forgot-password-2→ "Forgot Password"
  • chart-js → "JS Charts"
How It Works
  1. CodeIgniter URI service reads current URL segments
  2. Gets the last segment from the URI
  3. Converts hyphens to spaces
  4. Applies smart acronym detection
  5. Generates final title
Title Format

All generated titles follow this consistent format:

<title> {Generated Title} | Dreams POS - Inventory Management & Admin Dashboard Template</title>
Example Output

For file-manager URI segment:

File Manager | Dreams POS - Inventory Management & Admin Dashboard Template

Note

The system automatically handles title generation using CodeIgniter helpers. For custom acronyms and suffixes like "Icons" or "Charts", you may need to manually add them to the title generation logic in app/Helpers/title_helper.php.

RTL Language Support

Overview

This application supports RTL (Right-to-Left) languages like Arabic and Hebrew. It uses conditional CSS and RTL layout templates to provide proper RTL support

Conditional CSS Loading

RTL-specific CSS is conditionally loaded based on the current page in head-css.php:

// Regular Bootstrap CSS for non-RTL pages
<?php if ($page !== 'layout-rtl') {   ?>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.min.css'); ?>">
<?php }?>

// RTL Bootstrap CSS for RTL pages
<?php if ($page === 'layout-rtl') {   ?>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.rtl.min.css'); ?>">
<?php }?>
Key Features
  • Conditional CSS Loading - Automatically switches between regular and RTL Bootstrap CSS based on page type
  • CodeIgniter View System - Uses CodeIgniter's partial system for dynamic CSS loading
  • Bootstrap RTL Support - Leverages Bootstrap's built-in RTL CSS framework
  • Page-Based Detection - Automatically detects RTL pages and loads appropriate stylesheets
Note

The conditional CSS loading automatically detects RTL pages and loads appropriate Bootstrap stylesheets. This approach ensures that RTL-specific styles are only loaded when needed, improving performance and maintainability.

Typography

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

FAQs

With one purchase code you can use it on one domain name. You need to get new license for every new domain name, please check Envato Help Page for more information about licenses.

If you need support, or if you're facing any problems, please contact us via Envato Support
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.

Support

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.

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.

Don’t forget to Rate DreamsPos!
Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your Themeforest Profile > Downloads Tab, and you can leave a review for our script. Thank you!

License

DreamsPos 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?

Note

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.

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.
Book an Appointment Get a Free Quote
[email protected]
thanks

Thank You

Thank you once again for downloading DreamsPos.
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.

Review Link:https://themeforest.net/downloads