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 SpringBoot template is built with Spring Boot (Java) and follows modern web development practices. It uses Spring Boot and Spring MVC providing a scalable and maintainable architecture for enterprise use. The application is designed to be scalable, maintainable, and follows best practices for enterprise application development.

Core Technologies
springboot
Backend Framework

Spring MVC

Frontend Framework

Bootstrap 5.3.8

springboot
Core

Java 21

System Requirements
Java

Java 21 (LTS)

Web Server

Embedded Tomcat (default) / Jetty / Undertow, optionally with Nginx as reverse proxy.

Database (Optional)

SQL Server, SQLite, PostgreSQL, or MySQL

Operating System

Windows, Linux, or macOS

Development Tools
IDE

Visual Studio 2022 or VS Code

JDK

Java Development Kit

springboot
Maven

Management Tool

Version Control

Git

Important Note

For production deployment, it is recommended to run the Spring Boot application using the embedded Tomcat server or deploy it as a containerized service. Additionally, use a reverse proxy such as Nginx or Apache HTTP Server to handle SSL, load balancing, and request forwarding. Ensure the server has the required Java Runtime Environment (JDK 17+) and all environment configurations are properly set.

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
Spring Boot Framework

Rapid development with embedded server support

Spring MVC Architecture

Controller-Service-Repository layered application structure

Spring Data JPA

Simplified database access using Hibernate ORM

Spring Security

Authentication, authorization, and secure request handling

Centralized Configuration

Environment-based configuration using application.yml/properties

RESTful Routing

@RestController and request mapping for clean API structure

Thymeleaf Templates

Server-side rendering with reusable layouts

Static Resources

Built-in support for serving CSS, JS, and image files

High Performance

Optimized runtime with embedded Tomcat server

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 Structure

Project Overview

This Spring Boot project follows the standard Spring MVC directory structure, separating controllers, Partials, layouts, pages, and static assets for better organization and maintainability.

template/ (Root Project)
src
main
java\com\example\template
Controller (Path prefix handler)
resources
Static (img,plugins,js)
templates (layouts,pages,partials)
.gitignore (git file)
HELP.md (help file)
template.sln (Solution file)
package.json (packages)
pom.xml (xml dependency file)
Legend
Directories
Html Files
JavaScript Files
CSS Files
Git Files
SCSS Files
Node.js Files
Image Files
C# Files
Other Files

Installation Guide

Follow these steps to set up the DreamsPOS Spring Boot application on your local development environment. This guide covers Java JDK installation, project setup, and running the application.

Installation Steps
1
Install Java JDK

Ensure you have the Java 21 JDK

Java 21 JDK
Visual Studio Code (Optional)

Verify installation by running:

java --version
2
Install Apache Maven
Download Apache Maven:
https://maven.apache.org/download.cgi

Verify installation by running:

mvn --version
Note: If you get a command like 'mvn not recognized' you need to follow these steps
1.create a apache folder in program files
2.add the maven file and run the file
3. then add the path in environmental variables
3
Run the Application

Start the local server using the terminal

mvn spring-boot:run
Access the application at:
http://localhost:8080
(If base path is configured: http://localhost:7001/springboot/template/)
Alternative Methods:
  • Visual Studio: Press F5 or click the Run button
  • VS Code: Use the Run and Debug panel (F5)
4
Build file

Your build file is already pom.xml.To generate the build (JAR):

mvn clean package

After the build completes, your deployable JAR will be found in: target/template.jar

Sass/SCSS

Overview

This Spring Boot project process the SCSS files located in static/scss/. The output CSS is generated inside static/css/ with automatic prefixing and minified development builds.

Prerequisites
Node.js Installation

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 Project Dependencies

In your Spring Boot project root (where package.json exists), install all dependencies:

npm install
This will install Gulp and required SCSS build packages listed in package.json.
3
Run Development Build

To compile SCSS files into CSS during development, run:

npm run sass
Generates style.css in webroot/assets/css/

RTL Language Support

Overview

The application provides comprehensive RTL (Right-to-Left) language support for languages like Arabic, Hebrew, and Persian. It conditionally load RTL-specific styles and apply RTL layout classes.

RTL Implementation

RTL support is implemented through the following components:

RTL CSS Loading

The application uses the condition in templates/Partials/head-css.html to load the appropriate CSS file based on the current page route:

Remove this link 
    <link rel = 'stylesheet' href ='~/assets/css/bootstrap.min.css'>
 
Replace with:
    <link rel="stylesheet" href="~/assets/css/bootstrap.rtl.min.css">
RTL Body Class

Add class="layout-mode-rtl" to the body and add th:data-layout="layout-rtl"as an attribute in html tag

<html th:data-layout="layout-rtl">
<body class="layout-mode-rtl">
RTL Layout Structure

The application includes a dedicated RTL layout view at templates/pages/main/layouts/layout-rtl.html that extends the base layout. The RTL layout includes:

  • RTL-specific CSS classes and overrides
  • Right-aligned navigation and UI elements
  • Mirrored layout for RTL languages
  • Bootstrap RTL CSS framework integration
RTL Route

The RTL layout is accessible via a dedicated route in the controller:

@GetMapping("layout-rtl")
public String layoutrtl(Model modal) {
	modal.addAttribute("activePage", "layout-rtl");
	modal.addAttribute("activeGroup", "layout-pages");
	return "pages/main/layout-pages/layout-rtl";
}
Key Features
  • Controller based Conditional Loading - Dynamically loads RTL or LTR styles based on the current route using Controller @GetMapping() helper function
  • Bootstrap RTL Support - Leverages Bootstrap's built-in RTL CSS framework for consistent RTL styling
  • Automatic Body Class - Automatically applies "layout-mode-rtl" class to the body element when on RTL pages
  • Dedicated Layout View - Uses a dedicated layout-rtl.html view that extends the base layout
  • Route-Based Detection - Detects RTL mode based on the route name, making it easy to switch between LTR and RTL
Note

The conditional CSS loading automatically detects RTL pages using the route name "layout-rtl" and loads the appropriate Bootstrap RTL stylesheet. The @GetMapping() helper function in head-css.html checks the current route and conditionally loads either the standard Bootstrap CSS or the RTL version. 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

Icons

Use Font Awesome icons with spesific class 


	<!DOCTYPE html>
	<html lang="en">
		<head>
			<link rel="stylesheet" th:href="@{/plugins/fontawesome/css/fontawesome.min.css}" >
			<link rel="stylesheet" th:href="@{/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>

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.

Credits

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/
Datatables https://datatables.net/download

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