Dreams chat - Online Documentation.

Introduction

Item Name : DreamsChat - Chat and Messenger Template with Admin Dashboard (HTML, React, Laravel, Vue, Angular)
Published: 13 July 2020
Item Version : v2.7.7
Author : Dreams Technologies
Support via email: [email protected]
Support via ThemeForest: Take me there

DreamsChat - Chat and Messenger Template with Admin Dashboard

The template of Dreamschat is developed with the help of Bootstrap. This design contains to create/edit profile, send chat messages, send voice&video calls, display instant notifications for unread messages, create a group chat using a group name, set a status, update account settings & security settings, status, and more.

Contact Support Create Support ticket

Requirements

Node
Angular cli
Text editor as per your wish

Core Features

LTR and RTL Supported
Angular Material
Lazy Loading
No Jquery
Font Awesome icons
Feather icons
RXJS
ESLint Integrated
Fully Responsive Layout
Cross Browser Compatible
Easy to Customize
Clean & Well Commented Codes
Compatible to all Mobile Devices
Detailed Documentation
Developer Friendly
And Many More...

File Structure

DREAMSCHAT
- ANGULAR
  - TEMPLATE
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json
  - TEMPLATE-RTL
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json
  - TEMPLATE2
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json
  - TEMPLATE2-RTL
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json
  - TEMPLATE3
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json
  - TEMPLATE3
    - src
      - app
      - assets
      - favicon.ico
      - index.html
      - main.ts
      - style.scss
    - .editorconfig
    - .eslintrc
    - angular.json
    - browserslistrc
    - karma.conf.js
    - package.json
    - package-lock.json
    - README.md
    - tsconfig.app.json
    - tsconfig.json
    - tsconfig.spec.json
    - tsconfig.json

Installation Guide

Node.js and NPM :
If NodeJS is not installed then download it from https://nodejs.org/. NPM comes bundled with Node.js
Angular-cli :
You can install angular-cli by executing from your command window npm install -g @angular/cli. More details can be found here https://angular.io/cli

If you have Angular CLI installed previously, update it to the V17 Angular CLI. Remove the older version and re-install it.

npm uninstall --global @angular/cli

npm install --global @angular/[email protected]

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 --legacy-peer-deps

Development Server

Run ng serve for a dev server. Navigate to localhost:4200/. The app will autometically reload if you change any of the source files.

ng serve

Navigate To Admin Module

You can naviate to Admin Login by changing the path /admin/ manually. It will redirect to Admin login page.

Build Project

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

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 Dreamschat!

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

Dreamschat 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/
AOS	https://www.npmjs.com/package/aos
Apex charts	https://www.npmjs.com/package/ng-apexcharts
Fontawesome	https://www.npmjs.com/package/@fortawesome/fontawesome-free
Circle progress	https://www.npmjs.com/package/ng-circle-progress
Ngx Bootstrap	https://www.npmjs.com/package/ngx-bootstrap
Countup	https://www.npmjs.com/package/ngx-countup
Owl Carousel	https://www.npmjs.com/package/ngx-owl-carousel-o
Slick Carousel	https://www.npmjs.com/package/ngx-slick-carousel
Rxjs	https://www.npmjs.com/package/rxjs
Angular material	https://material.angular.io/
Lightgallery	https://www.npmjs.com/package/lightgallery
Lightbox	https://www.npmjs.com/package/ngx-lightbox
Ngx Mask	https://www.npmjs.com/package/ngx-mask
Scrollbar	https://www.npmjs.com/package/ngx-scrollbar
Ngx-mat-intl-tel-input	https://www.npmjs.com/package/ngx-mat-intl-tel-input

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