Dreams POS - Online Documentation.

Introduction

Item Name : DreamsPOS - POS & Inventory Management Admin Dashboard Template
Published: 21 July 2022
Item Version : v2.0.9
Author : Dreams Technologies
Support via email: [email protected]
Support via ThemeForest: Take me there

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

Vue version >= 3.5.13
Node js Package
Node version = ^20.11.1
Yarn package (Optional)
Visual Studio Code
Terminal

Core Features

– Build with vuejs 3.5.13
– Build with vuejs Scripts
– Create vuejs App Supported
– Hooks based architecture
– Pure Components Based vuejs
– Fully Responsive Design
– Multiple Layouts
– User friendly design
– Compatible Browsers: Firefox, Safari, Opera, Edge, Chrome
– Json format used
– Easy to Customize with css Variables

File Structure

Dreams Pos
- vue
  - template
    - public
      - favicon.svg
      - index.html
    - src
      - assets
        
        css
        
        fonts
        
        img
        
        json
        
        scss
      - components
      - router
      - views
      - App.vue
      - main.js
    - .gitignore
    - babel.config.js
    - jsconfig.json
    - package-lock.json
    - package.json
    - README.md
    - vue.config.js
  - template-rtl
    - public
      - favicon.png
      - index.html
    - src
      - assets
        
        css
        
        fonts
        
        img
        
        json
        
        scss
      - components
      - router
      - views
      - App.vue
      - main.js
    - .gitignore
    - babel.config.js
    - jsconfig.json
    - package-lock.json
    - package.json
    - README.md
    - vue.config.js

Installation Guide

Node.js and NPM :
If NodeJS is not installed then download it from https://nodejs.org/. NPM comes bundled with Node.js

Vue-cli :

Open the terminal in your root directory, By running the following command you will get a vue-cli:

npm install -g @vue/cli

NPM Packages

Before proceding you'll need to install npm packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.

npm install

Application Run

For running a project,run the command:

npm run serve

Plugins Install

To install any plugins in your application, you have to run the following command

npm install plugin_name

Local Serve

Now you can run this Template in any web browser from your PC or Laptop.
vuejs/template is a folder name, you can change as per your wish how you used the folder

http://localhost:8080/

Build Project

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

How can I switch to the Dark Mode?

If you use Dynamic Theme option. You will see a Light mode and Dark mode button in the Theme Settings. Choose any one of the option to change website theme.

If you need to set static Theme to your template please data-theme="dark" in <html data-theme="dark"></html> at index.html file in public folder.

How can I switch to the RTL?

Add Bootstarp RTL

Please remove marked style in src/main.js file and replace it with below style
```
"import "bootstrap/dist/css/bootstrap.min.css";"
```
Add Class in Body tag in public/index.html file
```
class="layout-mode-rtl"
```

How Can I Use Theme Layouts?

Please do the below change in the html element at public/index.html file. ex: <html data-theme="default">

data-layout="default"

data-layout="mini"

data-layout="horizontal"

data-layout="detached"

data-layout="twocolumn"

data-layout="without-header"

If you didn't want to theme settings go scr/views/layouts/layouts-header.vue and remove the ThemeSettings component:

Custom Loader Implementation

The loader can be fully customized to align with your brand, including color, animation style, size, and duration.

Loader Html code:

The script for the custom loader are located in the pos-loader.vue file. You can find this file in the following directory:

Path: src/views/layouts/pos-loader.vue

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 Dreams POS!

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

Dreams POS 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/
Bootstrap-vue-3	https://www.npmjs.com/package/bootstrap-vue-3
Fontawesome	https://www.npmjs.com/package/@fortawesome/fontawesome-free/
Fullcalendar	https://www.npmjs.com/package/fullcalendar
Vue3-apexcharts	https://www.npmjs.com/package/vue3-apexcharts
Vue3-perfect-scrollbar	https://www.npmjs.com/package/vue3-perfect-scrollbar
Vue DatePicker	https://www.npmjs.com/package/vue3-datepicker
Vue3-carousel	https://www.npmjs.com/package/vue3-carousel
Vue3-select2-component	https://www.npmjs.com/package/vue3-select2-component
Vue-easy-lightbox	https://www.npmjs.com/package/vue-easy-lightbox
TinyMCE Editior	https://www.tiny.cloud/solutions/wysiwyg-vue-rich-text-editor

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

dreamstechnologies [email protected]

Getting Started