ExoResume :: Feature-Rich Resume Builder

1. Introduction

ExoResume is an easy-to-use resume builder, which will help user to create an outstanding resume, cover letter, reference letter and portfolio with ease in no time. It comes with many features which commonly included on modern resume maker application and with a powerful document editor, which user can easily edit existing templates with the drag-and-drop feature to make them their own, and also be creative in creating new document designs.

You can also obtain this document with all related videos on the litescript website via this link.

1.1. What is covered in this documentation

1.2. License

1.3. Key Features

Administration Features

• Admin dashboard
• Menu builder
• Database editor
• Table manager
• Media manager
• Themes changer and editor
• Sample images installer
• Version update manager
• Dynamic setting feature
• User impersonate feature
• User manager (User list, Roles, Messages, Announcements)
• Subscription manager (Plans, Payments)
• Template manager and editor (Clone, Edit/View, Design editor)
• Document manager
• Blog/Pages manager (Categories, Posts, Pages)

Document / Template Editor Features

• Feature-rich resume builder
• Unlimited pages document
• Resume / CV templates
• Cover Letter templates
• Portfolio templates
• References templates
• Drag-and-drop document editor
• Document/Page size options
• Document/Page theme options
• Icon manager (More than 1000 icons)
• Image manager
• QR code editor
• Bar / Pie chart editor
• Portfolio editor
• Map editor
• On-page editing tools
• Public view option
• Typography editor
• Container styling

Frontend Features

• User dashboard and settings
• Multi languages options
• Document editor
• Subscription plan and payment
• Template chooser
• Document print and download
• User guides (+ Tutorial videos)
• Blog feature
• Announcement feature
• Contact us / message

2. System Requirements

2.1. Hosting Services

2.2. Server

2.3. PHP Version, Extensions and Configuration

3. Database and File Preparation

3.1. Create New Database

3.1.1. Create using phpMyadmin (Cloud hosting or Xampp local server)

To create a database in Cloud Hosting/Server or Xampp Local Server using phpMyAdmin, follow these steps:

• 1Open your web browser and navigate to your phpMyAdmin URL. This is typically http://{your_domain}/phpmyadmin if you running it on a VPS/Cloud Server or http://localhost/phpmyadmin if you are running it locally with a server stack like XAMPP or WAMP.
• 2Log In: Enter your username and password to log in to phpMyAdmin.
• 3Navigate to Databases: On the main phpMyAdmin page, locate and click on the "Databases" tab in the top menu. Alternatively, you can click on the "New" link in the left-hand navigation pane.
• 4Create New Database: In the "Create database" section, type a desired name for your new database in the "Database name" field then click the "Create" button.
• 5Confirmation: A confirmation message will appear, indicating that your database has been successfully created. phpMyAdmin will typically redirect you to the newly created database, where you can then proceed to create tables within it.

3.1.2 Create using command line (Cloud hosting or Xampp local server)

To create a new database in MySQL using the SSH Terminal command line (this example is for Apache/Ubuntu server), follow these steps:

• 1Log into MySQL: Access the MySQL prompt as the root user.
  
  <!-- Command to access the MySQL prompt as the root user. -->
root@myserver: mysql -u <username> -p
  Replace <username> with your MySQL username (e.g., myusername). You will then be prompted to enter your password. Type it and press Enter.
• 2Create the database: Once connected to the MySQL prompt (indicated by mysql>), use the CREATE DATABASE statement:
  
  <!-- Command to create new database using the MySQL prompt. -->
mysql> CREATE DATABASE <database name>
  Replace <database_name> with the desired name for your new database (e.g., newdata).
• 3Verify the creation: To confirm that the database has been created, you can list all existing databases: <!-- Command to create new database using the MySQL prompt. -->
mysql> SHOW DATABASES
  Your newly created database should appear in the list.

3.1.3. Create using MySQL Database Wizard (cPanel Hosting)

To create a database in cPanel Hosting/Server using MySQL Database Wizard, follow these steps:

• 1 Log in to cPanel: Access your cPanel account using your admin user credentials.
• 2 Navigate to MySQL Database Wizard: In the cPanel Tools page, locate the Databases section and click on MySQL Database Wizard.
• 3 Enter Database Name: In the first step of the wizard, enter the desired name for your new database in the New Database field and Click Next Step.
• 4 Create Database User: Enter a "Username" and create a strong "Password," confirming it in the "Password (Again)" field. Click "Create User."
• 5 Assign Privileges: On the next page, you will assign privileges to the newly created user for the database. it is common to check the ALL PRIVILEGES> checkbox. Alternatively, you can select specific privileges based on your needs. Click Next Step."
• 6 Confirmation: The wizard will confirm that your MySQL database has been created and the new user has been added and linked to it with the assigned privileges. Return to your cPanel homepage.

3.2. File Preparation

Extract the Downloaded Item

Once purchased, You can easily access your ExoResume package file via the My Downloads link located in your profile drop-down menu. ExoResume package file (on zip compressed format) contain all necessary assets, and the license certificate with the purchase code from the "Downloads" section of your Envato Market account.

Now extract the downloaded package, and you will find the zip file package containing:

• exoresume_upload.zip file
• documentation folder
• readme.txt text file.

File to be Uploaded

4. Installation

4.1. cPanel Hosting - Installation

This tutorial section covers steps need to be followed to install the Apps/Script properly on a cPanel shared hosting platform after all the cPanel hosting settings have been completed and the domain to be used has been configured and pointed to your cPanel hosting.

4.1.1. Video Walkthrough.

The video below is a step-by-step guide on how to install ExoResume Apps on shared hosting with cPanel. This video covered:

• cPanel Hosting setting, tools and extensions required
• Link domain to your cPanel hosting: Manage DNS Records, add domain to cPanel Domain List and set the Document Root
• Create new database
• File setup, extract and upload installation files to the Apps document root
• cPanel Hosting system configuration
• Apps Installation and Settings

4.1.2. Written Walkthrough.

• 1 Log in to your cPanel account and access the File Manager.
• 2 Navigate to the application Document Root.
• 3 Upload the 'exoresume-upload.zip' file to Apps Document Root
• 4 Extract the uploaded zip file.
• 



• 5 Open .env-example file and fill all the required variables:
  1. Change the APP_ENV variable to production and Change the APP_DEBUG to false, if you are going to put your Apps into production. Change it back to the original value if you want to continue the development process or setting up the Apps.
  2. Fill the APP_URL variable with your Apps URL address (i.e. https://exoresume.site)
  3. Complete the DB_DATABASE, DB_USERNAME and DB_PASSWORD variables. These variables must be filled in before the installation process is carried out.
  4. Another variable that you should complete immediately is all MAIL_* variables, but you can complete them after the Apps installation process, before putting your Apps into production.
  5. Save or rename the .env-example file to .env file.
• 



• 6 Go to config folder, locate and edit installer.php file, comment out (add //) artisan_command => 'storage:link' so it won't be executed in the installation process. Save it.
• 



• 7 Go back to cPanel Tools Page (homepage), in the Developers section, select the 'Select PHP Version' menu. On the 'PHP Selector' page that appears, select '8.2' or higher in the 'Current PHP Version' column.
• 8 Scroll down and check whether all the required PHP Extensions (see the PHP extension list above) are active. If not, activate them by clicking the tickmark in front of it.
• 



• 9 Open your web browser, type your Apps's URL address and click Enter, The Installer Welcome Page will appear, Now enter your Envato Purchase Code and click the tickmark button to the right of the input field.
• 10 If the Purchase Code you entered is correct, the Purchased Item Details page will appear. click Install button to continue.
• 11 On the Server Requirements page that appears, check and make sure that the active PHP Version is at least the same as or higher than the required PHP version.
• 12 Next, check that each required PHP extension is installed and active, as indicated by a green tick mark on the right side of the page. If it's not installed and active, activate it (see step 8 above) and then refresh the page to see the latest extensions status. Click Check Permission button to continue.
• 13 The Permissions page appears, check that all folders in the list have the appropriate permissions (indicated by a green tickmark). Click Configure Environtment button to continue.
• 14The "Classic Environment Editor" page that appears displays the settings for all variables you have in the .env file. Edit and save any changes if needed, or click the Install button to begin the installation.
• 15 After the installation process is complete, the "Installation Finished" page will appear. Please pay attention to the information presented on this page. Click "Click here to exit" button to close the page, and your Apps homepage will be displayed.
• 

4.1.3. Setting up the Apps for the first time.

Here we will learn how to set up the Apps for the first time after the installation process is complete, to ensure the Apps frontend (End-users Pages) are display properly.

• 1 When the Apps homepage appears for the first time after the installation, you will notice that some images are not displayed, this is because the symbolic link to the storage folder has not been created.
  
  During the installation preparation, we have disabled the command for creating symbolic links using Artisan (see Installation Step-6 above). This was done because some hosting services don't support it, which can cause the installation process to stall. Therefore, we need to create the necessary symbolic links using the command line terminal after the installation is complete.
  
  Open the command line terminal and type the command as in the example below, to create a symbolic link for the storage folder and for the documentation folder (user guides), so that the homepage images and documentation images can be displayed properly.
  
  <!-- Command to create symbolic link for storage folder. -->
root@myserver: ln -s ~/{document_root}/storage/app/public ~/{document_root}/public/storage

<!-- Command to create symbolic link for document (user guides) folder. -->
root@myserver: ln -s ~/{document_root}/wave/docs ~/{document_root}/public/wave/docs

  Please watch the cPanel Installation video above to see the command examples more clearly.
• 2 Go back to your web browser, refresh your Apps homepage and you will see all the images have been displayed. The displayed images are the installation default images in the form of texts or simple images. You can replace the instalation default images by replacing the images with the images of your choice directly via the file manager or via the image manager feature, or you can replace them with the demo sample images using the Sample Image Installer feature.
• 


• 3 To replace all installation default images with the images used in the Demo Application, please Login using your admin account and go to the Admin Dashboard page.
• 4 Once you're in the Admin Dashboard page, select the Resources menu and then click the Sample Images submenu (Resources > Sample Images), which will open the Sample Images Installer feature. With this feature you can download the sample images file from LiteScript library and extract them to replace the default images with demo sample images.
• 5 Click the Download button to download the sample image file and wait until the downloaded file appears in the Sample Images Source File panel. The file is ready to be extracted.
• 6 To extract the demo sample image file (*.zip) and overwrite the default images in your Apps, click the Extract button and wait until the extract process is complete, then return to the Apps homepage and refresh it. If the Apps homepage still displays the default image instead of the demo sample image, you need to clear the browser cache.
  
  To clear browser cache, you generally need to access your browser's settings, find the Clear browsing data or similar option, and then select Cached images and files. Finally, confirm the deletion. Different browsers have slightly different procedures, but the general concept remains the same. Refresh your browser to see the changes.
• 7 Other things that should be done immediately after installation are:
  1. Complete the required variables in the .env (Environment variables) file, for example the MAIL_* variables to support the process of sending notifications to users via email.
  2. If you do not plan to do further development on the Apps, you should change the APP_ENV variable to production and the APP_DEBUG variable to false, which might expose your database passwords or display your code to users, if it's set to true
  3. Go to User List on Admin Page, edit Admin account with yours own profile and replace the default Password with new strong Password. Edit, replace or delete the other user accounts and replace their default password.
  4. Click the Subscription menu, and then the Plan submenu, adjust the subscription plan according to your needs.
  5. Select the Tools menu, then click the Themes submenu. The Theme Manager will open. Here, you can select another theme to use by clicking the Activate Theme button to activate it.
     
     Besides changing the themes, you can also just change the image in a theme, without changing the current theme. Click the >Theme Image tab to access the feature for changing the image in the current theme.
  6. Go to the Settings section, make the necessary changes to all variables, fill in the security credentialsof the payment gateway you want to use.
We will go into more detail in the Apps Configuration and Settings ( Admin Dashboard) Section.

4.2. Cloud Hosting/VPS - Installation

4.2.1. Video Walkthrough.

The video below is a step-by-step guide on how to install ExoResume Apps on Cloud Hosting or VPS. This video covered:

• Server access and management tools needed
• Check and manage Server Settings such as rewrite module, symbolic link and PHP (settings, extensions and other variables).
• Create new database
• File setup, extract and upload installation files to the Apps document root
• Server environmental configuration setting
• Apps installation and first time settings

4.2.2. Written Walkthrough.

• 1 To assist you in setting up and installing apps on a cloud hosting/server or VPS, you'll need an SSH terminal to access the server via the command line interface. A cloud servers typically provide a command line terminal on their User Dashboard, but it's often works very slow, so it's best to prepare other command line terminal tools for faster and more reliable server access.
  
  Another tool needed is SFTP (Secure File Transfer Protocol), which will be used to transfer files over the network in a secure manner.
  
  The tools used in this video tutorial are the Snowflake/Muon SSH client which includes both of the required tools mentioned above, which you can get for free at https://github.com/devlinx9/muon-ssh
• 2 Now open your SSH terminal. If you're using Snowflake/Moun tools, open it and connect the SSH client to your server by entering the cloud server's IP address, username and SSH private key file path, then click Connect button.
• 3 Use the SSH terminal client to check mod_rewrite module status and symbolic links variable availability and status, see detailed guide here.
• 4 Next, check whether the installed PHP version and PHP extensions meet the minimum requirements for the Apps, continue by checking and configuring the upload_max_filesize and post_max_size directives in the php.ini file (see detailed guide here)
• 5 Create new Database. see detailed guide here.
• 6 Extract the downloaded package file. see detailed guide here.
• 7 Open your SFTP (SSH File Transfer Protocol) Tool (example shown below uses snowflake/muon SSH client), then navigate to the Document Root of your Apps, this is the folder where all the Apps files will be stored
• 8 Upload the 'exoresume-upload.zip' file to Apps Document Root
• 9 Extract the uploaded compressed (exoresume-upload.zip) file to the Document Root.
• 



• 10 Open .env-example file and fill all the required variables:
  1. Change the APP_ENV variable to production and Change the APP_DEBUG to false, if you are going to put your Apps into production. Change it back to the original value if you want to continue the development process or setting up the Apps.
  2. Fill the APP_URL variable with your Apps URL address (i.e. https://myapp.exoresume.site)
  3. Complete the DB_DATABASE, DB_USERNAME and DB_PASSWORD variables. These variables must be filled in before the installation process is carried out.
  4. Another variable that you should complete immediately is all MAIL_* variables, but you can complete them after the Apps installation process, before putting your Apps into production.
  5. Save or rename the .env-example file to .env file.
• 



• 11 Open your web browser, type your Apps's URL address and click Enter, The Installer Welcome Page will appear. Now enter your Envato Purchase Code and click the tickmark button to the right of the input field.
• 12 If the Purchase Code you entered is correct, the Purchased Item Details page will appear. click Install button to continue.
• 13 On the Server Requirements page that appears, check and make sure that the active PHP Version is at least the same as or higher than the required PHP version.
• 14 Next, check that each required PHP extension is installed and active, as indicated by a green tick mark on the right side of the page. If it's not installed and active, activate it and then refresh the page to see the latest extensions status. Click Check Permission button to continue.
• 15 The Permissions page appears, check that all folders in the list have the appropriate permissions (indicated by a green tickmark). Click Configure Environtment button to continue.
• 16The "Classic Environment Editor" page that appears displays the settings for all variables you have in the .env file. Edit and save any changes if needed, or click the Install button to begin the installation.
• 17 After the installation process is complete, the "Installation Finished" page will appear. Please pay attention to the information presented on this page. Click "Click here to exit" button to close the page, and your Apps homepage will be displayed.
• 

4.2.3. Setting up the Apps for the first time.

How to set up the Apps for the first time after the installation process is complete, You can learn the details Here, starting from point No. 2., Step 1 is specifically for installation on cPanel hosting.

4.3. Xampp Local Web Server - Installation

4.3.1. Video Walkthrough.

The video below is a step-by-step guide on how to install Xampp Web serverand install ExoResume Apps on it. This video covered:

• How to Install Xampp Web server (in this example, we install it on MS Windows 10).
• Check PHP settings, extensions and other PHP variables and MySQL Configurations.
• Virtual Host and Document Root setting
• Create new database
• File setup, extract and copy installation files to the Document Root
• Server environmental configuration setting
• Installer configuration setting
• Apps installation and first time settings

4.3.2. Written Walkthrough.

• 1 Download and Install Xampp Web Server. You can download the Xampp Installer at https://www.apachefriends.org/download.html according to the operating system you are using.
• 2 Run the installer as Administrator. For Server component, select only Apache and MySQL components to install. Click Next when you are ready to continue.
• 


• 3 Specify the installation location (folder), or leave it at the default folder (usually at C:/xampp). This installation folder will function as the Apps Document Root. Click the Next button to continue. Wait until the installer finished installing Xampp on your computer. Click Finish to close the installer and Xampp Control Panel will appear.
• 


• 4 Open the Xampp Control Panel and Stop the Apache server if it's running. In the Xampp Control Panel, next to Apache, click the Config button. Select PHP (php.ini), open file in a text editor.
• 5 Search for the specific extension you want to enable. Here you need to enable intl, gd, zip and bcmath extensions. Remove the semicolon (;) from the beginning of the line to uncomment and enable the extension.
  
  Example: Change ;extension=intl to extension=intl. Save the changes to the php.ini file and Close the text editor. Finally in the Xampp Control Panel, restart the Apache server.
• 


• 6 Next, we will configure MySQL settings in Xampp by editing the my.ini file, next to the MySQL module, click the Config button and Select my.ini from the dropdown menu. This will open the my.ini file in your default text editor.
  
  Search for the line containing max_allowed_packet. If it doesn't exist, add it under the [mysqld] section. Set the desired value, for example:
  
  <!-- Editing maximum allowed packet size. -->

[mysqld]
max_allowed_packet=32M

[mysqldump]
max_allowed_packet=32M

  Restart MySQL Server. Stop the MySQL service, then start it again to apply the changes.
• 7 Locate the Hosts File: Hosts file is a system file that maps IP addresses to hostnames. Its location varies slightly depending on the operating system:
  • Windows: C:\Windows\System32\drivers\etc\hosts
  • Linux: /etc/hosts
  • macOS:: /etc/hosts
• 


• Add New Virtual Hosts: At the end of the hosts file, add new lines mapping the local IP address (usually 127.0.0.1) to your desired virtual hostnames. For example: <!-- Add new virtual host. -->

127.0.0.1myapp.local


  Save the changes to the hosts file and close the text editor.
• 8 Setting up virtual hosts in Xampp, you will also need to configure the httpd-vhosts.conf file in Xampp's Apache configuration. This file is typically located at:
  • Windows: C:\xampp\apache\conf\extra\httpd-vhosts.conf
  • Linux/macOS:: /opt/xampp/etc/extra/httpd-vhosts.conf
  
  
• 


• Add <VirtualHost> blocks for your defined hostnames, specifying the DocumentRoot (the path to your project folder > ) and ServerName (the hostname you defined in the hosts file), Example:
  
  <!-- Add new Virtual Host blocks in httpd-vhosts.conf. -->

<VirtualHost *:80>
ServerName myapp.local
DocumentRoot "C:/xampp/htdocs/myapp"
<Directory "C:/xampp/htdocs/myapp">
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

  After making changes to both the hosts file and Apache's configuration, restart the Apache service from the Xampp Control Panel.
• 9 Create the DocumentRoot folder. The folder path must match the DocumentRoot folder path we have set in the virtual host blocks above (Point 8), i.e: C:/xampp/htdocs/myapp.
  
  Open your File Manager, go to c:/xampp/htdocs folder, then create a new 'myapp' folder. This directory is where you will place your Apps files (CSS, JavaScript, PHP, etc.) for local development.
• 10 Create new Database. see detailed guide here.
• 11 Extract the downloaded package file. see detailed guide here.
• 12 Once the downloaded package is extracted, copy the exoresume_upload.zip file to DocumentRoot (c:/xampp/htdocs/myapp/).
• 13 Extract the exoresume_upload.zip file to the Document Root (c:/xampp/htdocs/myapp/).
• 


• 14 Locate .env-example file and rename into .env. Open .env file then fill all the required variables below:
  1. Fill the APP_URL variable with your Apps URL address (i.e. http://myapp.local)
  2. Complete the DB_DATABASE, DB_USERNAME and DB_PASSWORD variables. These variables must be filled in before the installation process is carried out.
  3. Another variable that you should complete immediately is all MAIL_* variables, but you can complete them after the Apps installation process, before putting your Apps into production.
  4. Save it and close the text editor.
• 15 Back to the File Manager, then go to config folder, locate and edit installer.php file, comment out (add //) artisan_command => 'storage:link' so it won't be executed in the installation process. Save it.
• 


• 16 Open your web browser, type your Apps's URL address and click Enter, The Installer Welcome Page will appear. Now enter your Envato Purchase Code and click the tickmark button to the right of the input field.
• 17 If the Purchase Code you entered is correct, the Purchased Item Details page will appear. click Install button to continue.
• 18 On the Server Requirements page that appears, check and make sure that the active PHP Version is at least the same as or higher than the required PHP version.
• 19 Next, check that each required PHP extension is installed and active, as indicated by a green tick mark on the right side of the page. If it's not installed and active, activate it and then refresh the page to see the latest extensions status. Click Check Permission button to continue.
• 20 The Permissions page appears, check that all folders in the list have the appropriate permissions (indicated by a green tickmark). Click Configure Environtment button to continue.
• 21The "Classic Environment Editor" page that appears displays the settings for all variables you have in the .env file. Edit and save any changes if needed, or click the Install button to begin the installation.
• 22 After the installation process is complete, the "Installation Finished" page will appear. Please pay attention to the information presented on this page. Click "Click here to exit" button to close the page, and your Apps homepage will be displayed.
• 23 See the step-by-step image guide for installing the Apps here.

4.3.3. Setting up the Apps for the first time.

During the installation preparation, we have disabled the command for creating symbolic links using Artisan (see Installation Step-15 above). Therefore, we need to create the necessary symbolic links using the command line terminal (Xampp powershell) after the installation is complete.

• 1 Open the XAMPP Control Panel, stop the Apache service and run Xampp Powershell by clicking the Shell button on the right side of your Xampp control panel.
• 


• 2 Create a symbolic link for the storage folder and for the documentation folder (user guides), so that the application images and documentation (user guide) images can be displayed properly. Now, go to your Xampp powershell and type the command as in the example below:
  
  XAMPP for Windows.

<!-- Command: Go to DocumentRoot folder (htdocs\myapp). -->
root@dekstop-123456 c:\xampp
# cd htdocs\myapp

<!-- Command: Create symbolic link for storage and document (user guide) folder. -->
root@dekstop-123456 c:\xampp\htdocs\myapp
# php artisan storage:link

<!-- If artisan command executed successfully you will get: -->
INFO The [C:\xampp\htdocs\myapp\public\storage] link has been connected to [C:\xampp\htdocs\myapp\storage\app/public]
INFO The [C:\xampp\htdocs\myapp\public\wave/docs] link has been connected to [C:\xampp\htdocs\myapp\wave/docs]

• 3 More on how to set up the Apps for the first time after the installation process is complete, You can learn the details Here, starting from point No. 2., Step 1 is specifically for installation on cPanel hosting.

5. Apps Configuration and Settings

5.1. Application Settings

There are many settings available in this Application Admin Section. Login to your Admin Dashboard then click Setting menu or visit URL /admin/settings and you will be at your Application Settings page, which has the following settings you can modify:

• Admin Settings
• Site Settings
• Authentication Settings
• Apps Settings
• Payments Gateway Settings

On every settings you will see an red text variables, these variables are the setting key variables that represents an element to be displayed application wide, and you would be able to reference that setting any where on your application to get the value of that setting, it can be text, image, select dropdown, checkbox, code editor or elements in any other format.

5.1.1. Admin Settings

These are settings to customize your admin dashboard section.

• Admin Title > setting('admin.title') - Setting for the title of you application admin (dashboard)
• Admin Description > setting('admin.description') - Setting for the description of your application admin (dashboard)
• Admin Loader > setting('admin.loader') - Setting for the loading image for your admin (dashboard)

How to use it?

You can reference a setting key variable any where on your site (Apps) to display setting value (element) it represent.

5.1.2. Site Settings

From the Site Settings tab you can modify the following settings (for site homepage and customer dashboard):

• Company Name > setting('site.company_name') - Setting for the company name to be displayed in your site
• Site Title > setting('site.title') - Setting for the title of your site front-page (homepage) and customer dashboard
• Site Description > setting('site.description') - Setting for the description of your site front-page (homepage)
• Favicon > setting('site.favicon') - Setting for site favicon. Upload your site favicon here
• Profile Background > setting('site.profile_bg') - Setting for the background image of customer profile dashboard
• Video URL > setting('video_url') - Setting for the link (URL) to the main tutorial video/user guide video
• Video Channel > setting('site.video_channel') - Setting for the link (URL) to the user guide video channel (youtube channel)
• Contacts > setting('site.contacts') - Setting for contact element, in a rich-text format

5.1.3. Authentication Settings

From the Authentication Settings tab you can modify the following settings:

• Homepage Redirect to Dashboard if Logged in > setting('auth.dashboard_redirect') - When an authenticated user visits the homepage you may want to redirect them to the application dashboard
• Users Login with Email or Username > setting('auth.email_or_username') - Choose whether you want your users to login with their email or username
• Username when Registering > setting('auth.username_in_registration') - Show the username in the signup form or have it automatically generated based on the users name
• Verify Email during Sign Up > setting('auth.verify_email') - Enable this setting if you want your users to verify their email before being able to login
• Default User Role (User Registration) > setting('auth.default_user_role') - This setting is to specify the default role of new user registered
• Default New User Password (Add User by Admin) > setting('auth.default_password') - The default user password created by admin or admin staff

5.1.4. Apps Settings

From the Apps Settings tab you can modify the following settings:

• Apps Name > setting('apps.apps_name') - Enter application name here
• Default Maximum Number of Documents > setting('apps.maximum_documents') - The value entered in this field will be used as a setting for the maximum number of documents that can be created by users registered as free users.
• Currency Code > setting('apps.currency_code') - Enter the currency code used in your Apps
• Currency Symbol > setting('apps.currency_symbol') - Enter the currency symbol used in your Apps
• Allow Free User to Share Document Link (URL) > setting('apps.free_doc_link') - By selecting Yes in this setting, enable free users to share their document link URL for public viewing.
• Public Resources Folder (Please do not modify this) > setting('apps.public_resources') - Enter the Public Resource URL here, the application will use this URL link for checking and downloading the application updates, downloading sample images, etc. PLEASE DO NOT MODIFY THIS.

5.1.5. Payment Gateway Settings

From the Payment Gateway Settings tab you can modify the following settings:

Paypal Gateway Settings

• Environment > setting('paypal.environtment') - Use this to choose between Live (production mode) or Sandbox (test mode)
• Client ID > setting('paypal.client_id') - Put your PayPal client ID here to authenticate and authorize PayPal API requests
• Secret key > setting('paypal.secret_key') - Put your PayPal secret key here. It works with the Client ID to ensure secure PayPal API communication

Stripe Gateway Settings

• Mode > setting('stripe.mode') - Use this to choose between Live (production mode) or Test (test mode)
• Publishable key > setting('stripe.publishable_key') - Put your Stripe Publishable Key here, to identify your account when making requests to the Stripe API from the client-side
• Secret key setting('stripe.secret_key') - Put your Stripe Secret Key here, to enable a secure communication and access to sensitive payment information

Other payment gateways will be added periodically in application version update.

5.1.6. Create a New Settings

The Settings section allows you to add any site wide settings you would like. You can add an image upload setting for your site logo or a text box for the main headline on your homepage or other setting in different element format.

How to create a new settings

For example, you will create a setting to display version of the template editor in your application.

1. Enter the name of the new setting you want to create in the Name field, for example: Template Editor Version
2. Create a new setting key and enter it in the Key field, for example: editor_version
3. Select an element type from the Type select dropdown to accommodate the value of the setting being created. These elements can be a text boxes, rich text boxes, image upload tools, select dropdowns, etc. for example, for this setting you select the Text Box element type
4. Finally, select the appropriate setting group for the settings you are creating in the Group select dropdown. If the existing group settings do not match this new setting, you can create a new group by typing the name of the new group in the input column above the select dropdown. In this example, we select the Apps group that already exists
5. Click the Add New Setting button to complete the process of creating this new setting.

Results:

• From the steps above, a new setting text box with the title Template Editor Version will appear in the Apps setting group.
• The above process will automatically create a new setting key variable': setting('apps.editor_version'). You can reference this setting key variable any where on your site (Apps) to display the Template Editor Version value it represent.
• The value you put on the Template Editor Version text box, will be displayed any where you insert the setting key variable on your Site or Apps

So, if you make new settings like the ones above, you would then be able to reference that setting any where on your site by doing the following:

Or inside of any blade template like:

5.2. User Management

5.2.1. Users List

ExoResume SaaS, built with Laravel, provides a robust user management system. In Users List section administrators can manage user accounts, including creating new users, updating user information, and disabling or deleting users also to impersonate any user on your Apps.

User Impersonations

To impersonate a user you can click User > User List menu to enter your users section in your admin dashboard. Find the user you want to impersonate and click on the Impersonate button.

Viewing User Details

By clicking the View button, detailed user data will be displayed, such as name, username, email address, registration date, and last update date.

The Subscription and Payments panel displays the user's subscription status, including active plans and expiration dates, as well as the last 10 subscription payment transactions.

The Document Summary panel displays a list of documents created by the user (resume, cover letter, etc.), along with the maximum number of documents that can be created and the number of documents they have been created.

The final panel, User's Messages panel displays a list of messages sent by the user through the website contact form.

Edit User Data

On the Edit User page (menu: Users List > Edit button), admin can edit the user's basic data, can also edit the active Plan, subscription expiration date, language, role, etc.

5.2.2. User Roles

ExoResume utilizes a role-based access control (RBAC) system, it allows administrators to manage user roles and permissions within the application. This includes adding, removing, and modifying user permissions and roles, as well as managing individual user accounts.

Each user in your Apps will have a primary role and every role has permissions to allow or deny access to content. ExoResume uses CRUD (Create, Read, Update and Delete) permission system, which we can specify what type of permissions the User Role has in relation to any content on your site. The user role can have permissions to either Browse, Create, Read, Update, or Delete any data on your Apps.

When you install this Apps you will see there are 4 existing Roles :

1. admin (Super Admin)
2. staff (Staff)
3. pro (Pro User)
4. free (Free User)

Permission Management

Permissions can be granted to roles not to individual users. This controls access to specific features or functionalities within the application.

You can view, edit, delete or add Roles in your application by clicking Users > User Roles menu. To add a new role you can click on the Add New button. You can give the role a name and then specify the permissions for all the content on your site.

Multi-language feature: Multi-language feature is applied to the 'Display Name' field. You can provide 'Display Name' content in different languages, depending on the language options you have enabled.

5.2.3. User Messages

This feature shows list of messages sent by user through the website contact form.

You can access the message details by clicking the View button. The message details will display the sender's name, email address, message subject and content. There is no edit function for this message feature.

5.2.4. Announcements

You can access the admin announcement page by clicking the Users > Announcement menu, this feature is a quick and easy way to communicate with users. You can use it to let your users know about bug fixes, special promotions, etc.

To create a new announcement you’ll want to click on Add New button, then simply add the content of your new announcement, and now your users will see your latest announcement the next time they visit your application.

The title and description will be displayed in the popup announcement. When the user clicks the announcement they will be taken to the announcement page where they can view the full content of the announcement. After the user clicks or closes the announcement they will no longer see that particular announcement.

Use the multi-language feature and make your announcements in all the languages you have activated, so that your announcements will appear in the language according to the language choice of the user accessing your application.

Multi-language feature: applied to Title, Description and Content fields.
You can provide Annoucements in different languages, depending on the language options you have enabled.

5.3. Subscription

5.3.1. Plans

This plan list can be accessed by selecting the Subscription > Plans menu. When you install this application you will see there are 4 existing plans:

1. Yearly
2. Quarterly
3. Monthly
4. Free

Note: The features entered/typed in the 'features field' above are only to set the appearance of the subscription plan table that will be displayed to the user, not to set the activation or deactivation of these features for a particular plan.

Create a New Plan

1. Fill in the available fields as desired (Name, Slug, Description, etc.). For the Name and Description fields, use the multi-language feature and enter names and descriptions for each language that has been activated.
2. In the Interval field, you can specify the subscription period for the plan, which you can specify in days, weeks, months, or years.
3. Enter the Price for the Subscription Plan item.
4. Select the appropriate Role for the Plan, or you can create a new role if necessary.
5. Enter a number in the Order field, to indicate the order of the plan to be displayed in the Subscription Plan Table feature on the front page. The plan item with the smallest order number will be displayed on the far left in the subscription plan table.
6. Select Yes on the Popular options toggle to mark the plan as a popular plan, which will be displayed with a popular ribbon on the front page
7. Select Yes on the Lifetime options toggle to set the plan as a lifetime period subscription plan.
8. In the Max Doc field, enter the maximum number of documents allowed to be created by the user with the related plan.
9. To display Feature in the subscription plan table, type any features you want to implement, separated by commas in the plan you're creating or editing.
   If you want to display features that aren't implemented, type the feature name and put a 0 separated by a comma in front of the feature name. The feature name will be displayed with a cross on a red background.
10. Check once again and click the Submit button to save the plan item you created.

Multi-language feature: applied to Name, Description and Features fields.
You can provide Annoucements in different languages, depending on the language options you have enabled.

5.3.2. Payments

You can view a list of subscription payments via the Subscription > Payments menu. In this list, admins can see all payments received, including the invoice number, username, payment amount, payment gateway used, payment date and status of the payment.

You can view the payment details by clicking the View button, and on the viewing payment page you can see all the payment details.

From this page, you can edit the details, although this is limited to the payment status and payment notification/description, or you can add a payment reference if one wasn't previously recorded.

5.4. Templates and Documents

5.4.1. Templates

In the template list, you can view all the templates in the application, including active templates available for use by application users.

This list can be classified by type (Premium, Free, Demo) and category. Existing template categories include Resume, Cover Letter, Reference, and Portfolio. You can add or modify existing categories as needed.

You can view the payment details by clicking the View button, and on the viewing payment page you can see all the payment details.

From this page, you can edit the details, although this is limited to the payment status and payment notification/description, or you can add a payment reference if one wasn't previously recorded.

Edit Template Design

You can view the payment details by clicking the View button, and on the viewing payment page you can see all the payment details.

Clone a Template

You can view the payment details by clicking the View button, and on the viewing payment page you can see all the payment details.

Create a New Template

You can view the payment details by clicking the View button, and on the viewing payment page you can see all the payment details.

Multi-language feature: applied to Title, Description and Content fields.
You can provide Annoucements in different languages, depending on the language options you have enabled.

5.4.2. Documents

The Documents page displays a list of documents created by users, including the user's name, the name of document created, its category, and the template used to build the document.

From this document list, you can view document details by clicking View or edit them using the Edit button. This feature only allows editing document details, you cannot edit the document's design. However, you can do so through the Edit feature in the Apps frontPage.

5.5. Blog and Pages

5.5.1. Blog

You can edit, add, or delete posts in your Blog Administration feature by clicking menu Blog & Pages > Blog Posts or by visiting URL/admin/posts.

To create a new post you can click the Add New button, then, you'll need to fill out your new post information and click Save. Only Posts with a status of PUBLISHED will show up on the front-end.

5.5.2. Pages

To create a new page, go to the Edit Page editor via the Blog & Pages > Pages menu and create a new page using the Rich-Text editor which allows you to add images, tables, links and set the style of the page you create.

The page you have created can be accessed via the URL /p/{pages URL Slug}

5.6. Additional Tools

5.6.1. Media Manager

This Apps has a full-fledged Media Manager which allows you to upload files, re-name files, and delete files. You can also add new folders and move files/folders. Basically anything that you would be able to do in any type of Media Manager you can do so here.

You may also drag and drop files onto the upload button to upload multiple files. The media manager allows you to create thumbnails and add watermarks to uploaded images through the configuration file.

Notice on File Upload Size
If you are getting an error when trying to upload large files, this may be a setting that needs to be changed in your PHP. Be sure to check max_file_upload and file_upload_size

5.6.2. Themes

This Apps has full theme support, which means you can separate your views into separate themes. This will make it easier to create new versions of your site and revert back if needed.

Theme Location

Every theme is located inside of the resources/views/themes folder. after installing this Apps there will be 2 themes available, the First theme and Lite theme. Each theme is responsible for managing their own assets. In each theme you will find a package.json which contains the front-end dependencies.

Activating Themes

After logged in as an admin user, click Tools > Theme menu or visit the /admin/themes section of your application and you’ll see the current themes available in your app.

To activate or change the Apps Theme you can simply click the Activate Theme button for the theme you would like to activate, and that will be the current active theme. In the active theme, you can edit theme image assets by clicking the Theme Settings button.

5.6.3. Menu Builder

In this Apps you can easily create menus for the frontpage or for admin dashboard. For Example, the navigation on the left hand side of admin dashboard and all the footer menus in the apps frontpage are creating using this menu builder feature.

You can view your current menus by clicking the Tools > Menu Builder button. You can add, edit, or delete any current menu. This means that you can create a new menu for the header, sidebar, or footer of your site/apps. Create as many menus as you would like.

When you are ready to add menu items to your menu you can click on the Builder button of the corresponding menu:

This will take you to the Menu Builder where you can add, edit, and delete menu items.

After creating and configuring your menu, you can easily implement that menu in your application. In the above image we have a sample menu called 'web-footer-2'. Inside of any view file we could now output the menu by using the following code:

5.6.4. Sample Image Installer

After installation process, image displayed on application frontpage or in admin dashboard page are the installation default images in the form of texts or simple images. You can replace the instalation default images by replacing the images with the images of your choice directly via the file manager or via the image manager feature, or you can replace them with the demo sample images using the Sample Image Installer feature.

• 


• 1 To replace all installation default images with the images used in the Demo Application, please Login using your admin account and go to the Admin Dashboard page.
• 2 Once you're in the Admin Dashboard page, select the Resources menu and then click the Sample Images submenu (Resources > Sample Images), which will open the Sample Images Installer feature. With this feature you can download the sample images file from LiteScript library and extract them to replace the default images with demo sample images.
• 3 Click the Download button to download the sample image file and wait until the downloaded file appears in the Sample Images Source File panel. The file is ready to be extracted.
• 4 To extract the demo sample image file (*.zip) and overwrite the default images in your Apps, click the Extract button and wait until the extract process is complete, then return to the Apps homepage and refresh it. If the Apps homepage still displays the default image instead of the demo sample image, you need to clear the browser cache.
  
  To clear browser cache, you generally need to access your browser's settings, find the Clear browsing data or similar option, and then select Cached images and files. Finally, confirm the deletion. Different browsers have slightly different procedures, but the general concept remains the same. Refresh your browser to see the changes.

6. How to Update

To update the application to the latest version, after logging into the admin dashboard, open the version update feature. Tap the Resources menu, then click the Updates submenu, and you will be taken to the update feature.

STATUS The Latest Version is Installed (No Action Needed)

First, look at the information panel at the top. If the status title in this panel reads: The Latest Version (V*.*.*) is Installed," it means the installed version of the Apps is the most recent version available, and you don't need to update it at this time.

In the bottom panel, you'll see that all available update packages have been downloaded and installed (used for updating), and no action is required (no action buttons are enabled).

STATUS Newer Version(s) is Available (Download and Install It)

If the status title in the information panel at the top reads: Latest Update Available (V*.*.*), it means the version you are currently using is not the latest version, and you should update your application to access the latest features or security improvements.

In the bottom panel, you can view all available update packages in the LiteScript library, all the downloaded packages, and all the packages that have been used for updating (installed packages).

In the example above, the application being used has been updated up to v1.0.1. version, A newer version, v1.0.2 has been downloaded but not yet installed, and the latest version v1.0.3 has not been downloaded or installed.

Steps for Updating the Application

The Next Step is to download all the update packages that have not yet been downloaded by clicking the Download button to the right of the list.

The Final Step, Once all the update packages have been downloaded, click the Update button to install the update packages one by one, sequentially, from the earliest version to the latest.

Before Updating ...

To do backup before updating this application is mandatory. Creating a compressed backup of an application and its database involves two distinct processes: one for the application files and another for the database.

Backing Up and Compressing Application Files

First, identify application files : Locate all directories and files related to the application, including all original files installed during the initial installation and additional libraries or web assets (if any).

Next, Compress the Files: Utilize a compression utility (e.g., zip, tar with gzip or bzip2, 7-Zip) to archive and compress the identified application files into a single, smaller file.

Backing Up and Compressing the Database:

You can choose the method for backing up and compressing the database according to your preference, for example using mysqldump or using phpMyAdmin.

+ Using mysqldump (Command Line): This method uses the mysqldump utility, a command-line tool for creating logical backups. Syntax for a single database:

mysqldump -u [username] -p [database_name] > [dump_file.sql]

Replace [username] with your MySQL username, [database_name] with the name of the database you want to back up, and [dump_file.sql] with the desired name for your backup file. You will be prompted for the password after executing the command.

+ Using phpMyAdmin: If you are managing your database through a web hosting control panel that includes phpMyAdmin, you can easily backup your database with the following steps:

• Access phpMyAdmin from your control panel.
• Select the database you want to back up from the left navigation panel.
• Click the Export tab in the top navigation bar.
• Choose either Quick (for a basic export) or Custom (to select specific tables, compression options like gzipped, etc.).
• Click to initiate the export and download the backup file.