Introduction

Thumbnail DreamsChat - Chat and Messenger Documentation

DreamsChat application allow to have a Chat with friends. You can send and share (images or videos or audio or pdf) ...etc. there is a database local to save your messages , so when user lost the internet connection he can write a message ,the message will be saved on database local and once the other user come online the app will send your message directly. Also you can delete conversation or messages.

  • Login with Email & Password
  • One to one chat
  • Group chat
  • Status
  • Video call and Audio Call
  • Block User
  • Profile
  • Dreams chat organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy
  • Email authentication
  • Chat message encryption and decryption
Contact Support Create Support ticket

Requirement

To install the application, a web server and a Firebase database instance are required.
WebServer
  • XAMPP server
  • PHP 5.4+ (8.2.4)
  • composer (v2.8.2)
Database
  • Firebase

Installation Guide

Step 1:

Install & Start Xampp Server

image

Apache and MySQL started successfully

image
Step 2:

Unzip laravel package.Downloaded laravel will be in zip format. Copy it and place it in your htdocs folder. Unzip and rename it. We are naming it as Laravel.

Create new file as name ".env" in your folder. Copy paste the content from the .env.example file.

Add your DB details in .env file

image
Step 3:

run - "php artisan key:generate" in this folder command prompt

run - "composer install " in this folder command prompt

Step 4:

run - "php artisan migrate:fresh --seed " in this folder command prompt

Step 5:

to run project - "php artisan serve " in this folder command prompt

After running the project need to complete Installer Process shown in below image

Enter Your Purchase Code and click Next

image

If all minimum requirements meets click Next

image

Fill the Firebase setup database details

To get firebase database details refer the settings firebase.

image

Fill the admin account details

image

Give Your App Name

image

After filling the necessary details you will able to visit the site

image

Access Admin Panel

In Firebase, Authentication add the user as shown in image.

Example Email : [email protected]

Example password : [email protected]

image
And also add in Realtime Database
image

After the installation process completed, you can log in to the admin panel by adding “/admin/login” to the end of your website URL.

Example : yourwebsiteurl.com/admin/login

Example email : [email protected]

Example password : Admin@123

image

User Register

Signup form

image

In settings - edit your profile deatils

image

User Invite

After registering, you will see the screen below. Click the three dots to invite other contacts.

image

In the contacts section, there is also an option to create and invite other users.

image

User Chat

After inviting or adding a contact, you will be able to see the user's list and start chatting with them.

image

By clicking on the info button, you can view the user's details.

image

User Groups

In the sidebar, navigate to the group menu and click the "+" icon, as shown in the image below.

image

Create a group

image
image

General Settings

You can change the platform logo from the “Admin/ App-settings”.

image

You can change the Admin profile from the “Admin/ Profile-settings”.

image

Agora Settings

To add the Agora key to the application:

In the admin panel sidebar, click on Settings -> System Settings -> and then add the Agora details.

image

FireBase

Go to firebase console “https://console.firebase.google.com/”

image

To create a project, follow these steps:

image

Provide a resource and a domain.

image

The Web application is now ready .

image

To create a database, follow these steps:

image
image

You can find the URL for the database here:

image
To create storage for image and video uploads, follow these steps:

Note: If the storage is not created or configured properly, image and video uploads will not work as expected.

image

Select the region closest to where the app will be used to ensure faster performance.

Select the region closest to where the app will be used to ensure faster performance.

image
Enable Authentication

Go to Build ->Authentication

image

Hostname Configure In Firebase

Add your domain to the list.

image

Under General settings you can see the configuration

image

For download json file, follow below steps

image
image

Once Json file downloaded, Add inside the storage->firbase in your project with this name "firebase_credentials.json".
Note: Delete old file(firebase_credentials.json)

image

Email configuration - In below page click edit icon

image

click the customize action url

image

Here give your domain url and save

image

Agora Settings

First, create your Agora account by clicking this link: “https://www.agora.io/en”

Then, follow the steps to complete the account creation process.

image

Create a new project by providing the project name and clicking Create.

image

Click Next and close the next steps.

Click Next and close the next steps.

Change the app to Live, save the project, and ensure that the app's primary certificate is disabled.

image

Frequently Asked Questions

FAQ 1 – Admin Panel settings

Admin Dashboard

Default page after successful login by admin. Following details are visible to admin.

  • Total number of users
  • Total number of Groups count
  • Total number of Stories
  • Recent User List
  • Recent Group List
image
Users

Admin has the option to view all active and inactive users. Also, has an option to ‘Delete’, ‘Edit’, ‘Block’

image
Blocked Users

Admin can view all blocked users details.

image
Chat List

Here admin can view From chat and To chat details and chat counts.

image
Call History

In call history tab admin can view total cal history like Total Incoming Call,Total Outgoing Call,Total Missed Call.And also has an option to ‘Delete’.

image
Groups List

Admin can view all Groups details. Also has an option to ‘Delete’

image
Stories List

Admin can view all Stories details. Also has an option to ‘Delete’

image
Admin Settings

Admin can have the settings previlages

image
FAQ 2 - Web App Features
User Signup

Once you have entered the mobile number, Username, Password and Email, Authentication user also created in firebase databse.

image
User Login

Once you regegistered your mobile number, username and password you have login to using Email & Password.

image
Chat

In home page user can chat their Dreams chat registered members and user can view and search profile picture and about.And also has an option to ‘Block User’, ‘Delete Chat’, Reply Chat’.

image

Logged in user can add friends by Add a contact through contact after you click the pluse icon to create a new chat.

image
image
image

User can upload photos, videos, documents to particular friends and users can chat with smileys.

image
Group Chat

User can view their group members conversations,And also user can view group Profile picture,Group info and group members.

image

User can create their group name and descriptions for their friends or family members,etc...

image

User can add dreams chat members into created group.

image
Status

If users post a status then all dreamchat members can see that user status in status tab.

image

Logged in users can add their status(Image) through add status(+) button.

image
Call

In call tab user can view all their call activities like missed calls, Other calls and call logs.

image

Dreams chat users can single audio or video call and group audio or video call to their drams chat contact members and groups.

image
Settings

Dreams chat users edit thier profile details like Display name,Display picture,Status.

image

Dreams chat users have able to change the password in settings module.

image

Dreams chat users have able to change the chats background through settings module.

image

Dreams chat users have able to delete his own account in settings module.

image

Dreams chat users have able to change the language in settings module.

image
Support

If you have any queries please contact us through email: [email protected].

Version 2.0.2

30 Jan 2025
Laravel
  • Updated Migrated to Laravel