Downloading

Downloading the zip package from CodeCanyon provides all necessary files.

Follow the steps below to set up your Lernen project:

When downloading the zip package file from CodeCanyon, you'll have all the files you need inside. The zip package contains the following files:

• lernen.zip contains the Lernen project
• upgrade.zip contains the Lernen upgrade files
• documentation.zip folder (It contains documentation for the project)

When you are ready to install the project, you must first upload the project files to the server project directory. For this purpose, unzip the file that you have downloaded from CodeCanyon and upload the project files to the project server directory.

Installations

Lernen offers two installation methods: Web Installer and Composer Installation. Both methods will result in a fully functional Lernen installation.

Lernen Installation Guide

Installing the Script on cPanel

If you are installing the script on cPanel and your domain is not directed to the `/public` directory, please follow the steps below to ensure proper configuration:

• Navigate to the root directory of your application.
• Create or locate the `.htaccess` file within this directory.
• Add the following code to your `.htaccess` file:

                
                  ...
                  <IfModule mod_rewrite.c>
                    RewriteEngine On 
                    RewriteRule ^(.*)$ public/$1 [L] 
                  </IfModule>
                  ...
                
              

This will redirect all requests to the `/public` directory, allowing the script to function as intended.

Setup & Installation

Lernen offers two convenient installation methods to suit your preferences and technical expertise. Choose the method that best fits your needs and technical comfort level. Both options will result in a fully functional Lernen installation.

1. Web Installer

For those who prefer a graphical interface or are less familiar with command-line operations, Lernen provides a user-friendly web installer.

Setup Database Credentials

Open your .env file, which is placed in your project root directory, and add the information of the database:

                
                  ...
                  DB_CONNECTION=****
                  DB_HOST=****
                  DB_PORT=****
                  DB_DATABASE=****
                  DB_USERNAME=****
                  DB_PASSWORD=****
                  ...
                
              

Navigate to Installer URL

• To access the web installer, visit the /install route of your application (e.g., https://yourdomain.com/install). This will launch the installer interface, guiding you through the setup process step-by-step. The web installer provides a user-friendly way to configure your database, set up your permissions and complete the installation smoothly without needing to use the command line.
• Note: To setup on local server please run php artisan serve, visit the /install route of your application (e.g., http://127.0.0.1:8000/install).

Installation Guide

Step 1: Welcome to the Lernen Installer

• Introduction: This is the initial step of the installation wizard where you are welcomed to the setup process.
• Action Required: Click on the Next Step button to proceed.

Step 2: Environment Settings

• Hostname: Enter the hostname for your database server. Typically, this is 127.0.0.1 for a local setup.
• Username: Provide the database username, usually root for local environments.
• Password: Enter the password associated with the database username.
• Database: Specify the database name you want to use for the Lernen application.
• Action Required: Click on the Next Step button to save the environment settings and proceed.

Step 3: Requirements

• PHP Version: The minimum required PHP version is >= 8.2.
• Max Execution Time: Set to >= 120 to ensure smooth execution of scripts.
• Extensions: The following PHP extensions must be enabled:
  • Openssl: Provides encryption and decryption functionality for secure data transfer.
  • Pdo: A database access layer providing a uniform method of access to multiple databases.
  • Mbstring: Handles multibyte string operations for encoding and character set support.
  • Tokenizer: Provides token parsing for PHP code, used by various parsers and libraries.
  • Fileinfo: Detects the MIME type and file type, helping to validate and handle file uploads.
  • Curl: Allows PHP to send HTTP requests and interact with APIs or external servers.
  • Ctype: Provides character classification functions for string manipulation and validation.
  • Gd: Used for image processing and generation, including creating thumbnails and manipulating images.
  • Zip: Facilitates the reading and writing of compressed ZIP archives for file handling.
• Action Required: Ensure all requirements are met (indicated by green checkmarks). Click on the Next Step button to proceed.

Step 4: Permissions

• Directories: The following directories must have write permissions set to 775:
  • Storage/app/
  • Storage/framework/
  • Storage/logs/
  • Bootstrap/cache/
• Action Required: Verify that all listed directories have the correct permissions (indicated by green checkmarks). Click on the Next Step button to proceed.

Step 5: Import Demo Content

• Import demo content to help you explore and understand the features of the Lernen platform. The following data will be imported:
  • Site Settings Import: Imports basic settings and configurations for your site.
  • Pages & Layouts Import: Imports all default pages and their layouts for your site.
  • Sample Students Data Import: Imports demo student profiles and data for testing purposes.
  • Sample Tutors Data Import: Imports demo tutor profiles and data for testing purposes.
• Action Required: Click on the Next Step button to start the import process.

Step 6: Finished

• Completion: You will see a confirmation screen indicating the successful installation of Lernen.
• Action Required: Click on the Click here to exit button to finish the installation process.

Troubleshooting

• Database Connection Error: Double-check your database credentials and ensure the database server is running.
• Permission Issues: If any directories are not writable, update the permissions using the following command:

  chmod -R 775 storage bootstrap/cache

• PHP Extension Missing: Install missing PHP extensions via your package manager (e.g., apt-get install php-zip for Ubuntu).

By following these steps, you should be able to successfully install and configure the Lernen application.

2. Composer Installation

For developers comfortable with command-line interfaces, the Composer installation method is recommended. This approach gives you more control over the installation process and is ideal for customized setups. Follow the steps outlined in the "Composer Install" section below to use this method.

After setting up the project files, you need to install Composer to download the Laravel packages. Please go to the root directory of the project using CLI and execute the following command. If you don't have CLI support, then contact your server manager.

To install Composer packages, execute this command: composer install --optimize-autoloader --no-dev

Setup Database Credentials

Open your .env file, which is placed in your project root directory, and add the information of the database:

                
                  ...
                  DB_CONNECTION=****
                  DB_HOST=****
                  DB_PORT=****
                  DB_DATABASE=****
                  DB_USERNAME=****
                  DB_PASSWORD=****
                  ...
                
              

Ensure that your database credentials are correct to avoid connectivity issues. After that please run following commands:

• To create database tables, execute: php artisan migrate
• To install demo content, execute: php artisan db:seed

Laravel Project Post Setup Commands

Execute the following commands via CLI for further processing:

• To link the storage folder, execute: php artisan storage:link
• To clear cache, execute: php artisan optimize:clear

Background Queue Job Setup

Lernen uses Laravel's queue system to handle long-running tasks like sending emails and processing payments in the background. This improves system performance by preventing these tasks from blocking the main application flow.

Queue Configuration

By default, Laravel's queue configuration is stored in config/queue.php. The queue connection can be configured in your .env file:

QUEUE_CONNECTION=database

Running the Queue Worker

The queue worker processes new jobs as they are pushed onto the queue. You can start the queue worker using:

php artisan queue:work

In production, you need a way to keep your queue:work processes running. A queue:work process may stop running for a variety of reasons, such as an exceeded worker timeout or the execution of the queue:restart command.

For shared hosting cPanels

You can set up a cron job in your cPanel to run the queue worker. Add the following cron job command:

* * * * * /usr/local/bin/php /path-to-your-project/artisan queue:work --tries=3 

• Replace /usr/local/bin/php with your php path
• Replace /path/to/your/project with your actual project path
• Set the cron job to run every minute (using * * * * *)

For VPS / Dedicated Servers

Configure a process monitor that can detect when your queue:work processes exit and automatically restart them. Process monitors can also allow you to specify how many queue:work processes you would like to run concurrently. Supervisor is a process monitor commonly used in Linux environments, and we will discuss how to configure it in the following documentation.

For Local development

You can run this command via CLI: php artisan queue:work.

After this, you can use your Lernen project.

Push Notification Setup

To enable real-time notifications, please update your .env file as follows:

Option 1: Pusher

This is the recommended method, as it involves no integration and is the most straightforward way to enable push notifications. It leverages the Pusher service, which is a popular and reliable choice for real-time communication.

To enable Pusher, update your app .env file with the following settings:

                
                  BROADCAST_DRIVER=pusher
                  ...
                  PUSHER_APP_ID=****
                  PUSHER_APP_KEY=****
                  PUSHER_APP_SECRET=****
                  PUSHER_APP_CLUSTER=****
                
              

Option 2: Laravel Reverb

To install broadcasting driver please run following command: php artisan install:broadcasting

Setting up Laravel Reverb can be challenging as it requires server-side configuration. For this, you may need a dedicated server. After setting up the server, follow the Laravel documentation to install and set up Reverb. Once set up, update the respective keys in your .env file as follows:

                
                  ...
                  REVERB_APP_ID=****
                  REVERB_APP_KEY=****
                  REVERB_APP_SECRET=****
                  REVERB_APP_CLUSTER=****
                  ...
                
              

For detailed instructions on setting up Reverb, refer to the Laravel documentation.

One-Click Upgrade

What is one-click upgrade?

One-click upgrade allows users to update Lernen with a single action, automating installing and configuration for a seamless experience.

How to do it?

You can follow followins steps to to One-Click Upgrade

• Use the built-in UI upgrade system accessible through your admin dashboard
• Go to Admin Dashboard > Upgrade from the main menu
• Read the instructions carefully
• Make sure your server settings meet these requirements:
  • upgrade.zip File downloaded from codecanyon
  • Maximum upload file size: At least 500MB
  • Maximum post size: At least 500MB
  • Maximum execution time: At least 600 seconds

  You can configure these in your php.ini file:

                      
                        upload_max_filesize = 500M
                        post_max_size = 500M
                        max_execution_time = 600
                      
                    

• Make sure your root folder has write permission install new files.
• Click on Choose File button to upload the updated zip file
• Click on Upgrade button to start the upgrade process

Manual Upgrade

To upgrade your Lernen project manually, follow these steps:

• Backup your current project files and database.
• Extract the downloaded upgrade.zip file and replace the existing files in your project directory.
• Run the following commands to update your project:
  php artisan migrate
php artisan upgrade:database --from_version=1.x --to_version=1.10
php artisan optimize:clear
• Important Note: Do not run replace storage folder during the upgrade process. This will delete all your previously uploaded files in the storage folder. If you need to make changes to your storage configuration, please back up your files first. Also if you have any paid addon please install it again from the admin dashboard.
• After completing these steps, test your application thoroughly to ensure all features are working as expected.

Upgrading to 2.1.3 from Previous versions

Upgrading Lernen 2.1.3 from Previous versions

Please read this guide carefully before upgrading Lernen to 2.1.3 from Previous versions. This is a major release that introduces significant structural changes, including transitioning add-ons from packages to modules. Following these steps will ensure a smooth upgrade process.

Important Steps Before Upgrading

1. Replace the Upgrade.php File in case of upgrading from 2.0.3 to 2.1.0

Locate the existing Upgrade.php file in your project at:

public_html/app/Livewire/Pages/Admin/Upgrade.php

Replace this file with the updated version found in the downloaded zip package at:

Upgrade/Upgrade.php

This file contains essential updates necessary for the upgrade process.

2. Server Configuration Requirements

Ensure your server settings meet the following requirements to handle the upgrade successfully:

• File Upload Size Limit: Update upload_max_filesize to be 512 MB or higher. Example for php.ini:

  upload_max_filesize = 512M

• Post Data Size Limit: Update post_max_size to be 512 MB or higher. Example for php.ini:

  post_max_size = 512M

You can check these settings by running:

phpinfo();

3. Ensure Directories are Writable

• The root path of your project should be writable to allow file replacement during the upgrade.
• Make sure folders inside the root, especially vendor, are writable.

4. Backup Your Project

Before proceeding with the upgrade, it is highly recommended to back up the following:

• Database
• Codebase
• Environment Configuration (.env file)

Need Help?

If you encounter any issues during the upgrade process, please don’t hesitate to reach out to our support team. Provide your hosting details, and we will assist you in resolving any problems.

Thank you for using Lernen LMS!

The Lernen Support Team

How to get Google Client ID and Client Secret

• Go to the Google Developers Console.
• Click Select a project > New Project > the Create button.


• Enter your Project name > click the Create button.


• Click OAuth consent screen in the left side menu > choose User Type > click the Create button.


• Add Application name > Support email > Authorized domain > Developer content information > click the Save and Continue button.


• Complete all 4 steps in OAuth consent screen > click the Back to Dashboard button.


• Go to Credentials > click Create Credentials > select OAuth client ID from the dropdown list.


• Open the dropdown list Application type > select Web application > enter the name of your OAuth 2.0 client.


• Enter your site URL in Authorized JavaScript origins > in Authorized redirect URIs, enter the page URL where you wanted your users redirected back after they have authenticated with Google > click the Create button.


• Copy your Client ID and Client Secret.

Social Login Setting

The Social Login feature allows users to sign in to the platform using their existing Google account. When enabled, the "Sign in with Google" button will appear on the login page. This simplifies the login process for users by eliminating the need to remember additional credentials.

• Navigate to Global Settings: From the admin panel, go to Site Management > Global Settings > Api settings > Social login setting.
• Toggle the switch to Enable the social login feature. This will allow the Sign in with Google button to appear on the Login page.
• Google client id: A unique identifier for your app that is used to authenticate users.
• Google client secret: A secret key used to securely identify your application.
• Click Save & Update to save the changes.

Note:

Don't forget to add these keys to your .env file:

              
                GOOGLE_CLIENT_ID=
                GOOGLE_CLIENT_SECRET=
                GOOGLE_REDIRECT_URI="${APP_URL}/auth/google/callback"

                GOOGLE_CALENDAR_CLIENT_ID=
                GOOGLE_CALENDAR_CLIENT_SECRET=
                GOOGLE_CALENDAR_REDIRECT_URI="${APP_URL}/google/callback"
              
            

Profile Settings

The Profile Settings section allows tutors to provide and update their personal information to complete their profiles. A complete profile enhances your visibility and improves engagement with students.

Steps to Update Personal Details

• Navigate to Profile Settings: From the dashboard, click on Profile Settings in the sidebar menu.
• Open Personal Details: Select the Personal Details tab to access and update your information.

Fields to Update

Ensure you update all required fields for a complete and professional profile:

• Full Name: Enter your full name (first and last name).
• Email: Your email address (cannot be edited in this section).
• Phone Number: Provide your active phone number for communication.
• Gender: Select your gender from the available options (Male, Female, or Not Specified).
• Your Tagline: Add a professional tagline to summarize your expertise (e.g., “Prepare for beta testing”).
• Address: Enter your country, state, city, and ZIP code.
• Native Language: Choose your native language from the dropdown list.
• Languages I Know: Select multiple languages you can speak from the list.
• A Brief Introduction: Write a short and engaging introduction about yourself. Mention your skills, expertise, and what makes you unique as a tutor.
• Profile Photo: Upload a clear and professional profile picture (formats supported: jpg, jpeg, png, max size: 5MB).
• Introduction Video: Upload a short video introducing yourself to students (formats supported: mp4, max size: 200MB).
• Social Media URLs: Add links to your social media profiles for students to connect with you:
  • Facebook URL
  • X/Twitter URL
  • LinkedIn URL
  • Instagram URL
  • Pinterest URL
  • YouTube URL
  • TikTok URL
• WhatsApp Number: Enter your WhatsApp number to enable quick communication.

Save Changes

After updating all the required information, click the Save & Update button at the bottom of the page to apply your changes. This will update your profile instantly.

Example Screenshot

Below is an example of the Profile Settings section interface:

Profile Settings

In the Profile Settings section, students can update their personal details, account settings, and complete identity verification. Keeping this information updated ensures effective communication and a professional profile.

Updating Personal Details

Students can modify the following fields in the Personal Details section:

• Full Name: Enter your first and last name to display on your profile (e.g., Sarah Chapman).
• Email: Displays your registered email address (e.g., student@jamemotech.com). This field may be non-editable.
• Phone Number: Add or update your active phone number for contact purposes (e.g., 07123456789).
• Gender: Select your gender from the available options: Male, Female, or Not Specified.
• Address: Enter your location details, including:
  • Country: Select your country from the dropdown list (e.g., Afghanistan).
  • City: Input your city (e.g., Kabul).
  • Zip Code: Provide the postal code for your location (e.g., 10001).
• Native Language: Select your primary language (e.g., Georgian).
• Languages I Know: Add other languages you can speak or understand. Multiple languages can be selected (e.g., Dutch, English).
• A Brief Introduction: Write a short and professional introduction about yourself. Use this section to highlight your background, skills, and goals. Formatting options like bold, italics, and lists are available.
• Profile Photo: Upload a clear and professional photo to complete your profile. Supported formats: jpg, jpeg, png (max size: 5 MB).
  • Uploaded file example: sarah-chapman.jpg.

Saving Changes

Once all required fields are updated, click on the Save & Update button to save the latest changes. Your profile will be updated instantly.

Example Screenshot

Below is an example of the Personal Details section interface:

Admin Profile Settings

The Admin Profile Settings section allows administrators to manage their personal details, update their profile photo, and change their account password.

Steps to Update Admin Profile

• Upload Profile Photo: Admins can upload a professional profile image. Supported formats include jpg, jpeg, gif, and png, with a maximum file size of 5 MB.
  
• Update Profile Information: Admins can update the following fields:
  • First Name: Enter the first name (e.g., Admin).
  • Last Name: Enter the last name (e.g., Admin).
  • Email: Update the email address associated with the account (e.g., admin@amentotech.com).
• Change Password: To change the password, enter:
  • Current Password: Input the existing password for confirmation.
  • New Password: Enter a new, secure password.
  • Confirm New Password: Re-enter the new password to confirm.
• Once all the changes are made, click on the Save & Update Settings button to apply the updates.

Example Screenshot

Below is an example of the Admin Profile Settings interface:

Create subject & subjects group

Add a Subject Group

The Subjects I Can Teach feature allows tutors to add and manage the subjects they specialize in. By customizing the subjects, session rates, and descriptions, tutors can highlight their qualifications and attract students seeking specific expertise.

• Navigate to the Manage Bookings section in the sidebar.
• Select the Subjects I Can Teach tab at the top.
• Select the Add New button located at the top-right corner of the section to open the Add Subject Group modal.
• Use the dropdown menu in the Add Subject Group window to select one or more categories. These categories define the educational levels for which the subject will be available (e.g., Primary School, Middle School, High School).
• Click Save & Update to select subject group.

Add a Subject

The Subjects I Can Teach feature allows tutors to add and manage the subjects they specialize in. By customizing the subjects, session rates, and descriptions, tutors can highlight their qualifications and attract students seeking specific expertise.

• Navigate to the Manage Bookings section in the sidebar.
• Select the Subjects I Can Teach tab at the top.
• Click on Add new subject button to open the 'Add Subject' form.
• Choose Subject: Select the subject you are qualified to teach from the dropdown menu.
• Set Session Price: Enter your hourly rate for teaching the subject.
• Write a Brief Introduction: Provide a concise and engaging description of the subject, focusing on your teaching approach, qualifications, and what students can expect to learn.
• Upload an Image (Optional): Attach a relevant image that represents the subject or showcases your teaching materials.
• Click Save & Update to add the subject.

How to create session

The Manage Sessions section enables tutors to schedule and manage their teaching sessions. Tutors can create sessions in bulk and configure the session details according to their preferences.

• Click on the Add New Session button located at the top-right corner of the calendar.
• Fill out the Add Session form:
• Subject: Select the subject for the session.
• Start and End Date: Choose the start and end date for the session.
• Start and End Time: Set the start and end time for the session.
• Session Time (Duration): Enter the total duration of each session.
• Break Between Sessions: Specify the break time between consecutive sessions.
• Seats: Choose either 1 to 1 (individual sessions) or multiple (group sessions).
• Certificate Template: Tutor can award certificates to students after completing sessions.
• Recurring for Days: Select the days of the week when the session should recur.
• Session Fee: Enter the fee for the session.
• Special Instructions: Provide any special instructions or notes for the session (optional).
• Click Save & Update to add the sessions to the calendar.

How to edit session

The Manage Sessions feature allows tutors to view, add, and edit their teaching sessions directly from a calendar interface. This ensures that tutors can manage their schedules efficiently and update session details as needed.

• The calendar displays the total sessions available per day.
• Click on the desired date to view the scheduled sessions for that day.
• A list of sessions for the selected date will appear.
• Locate the session you want to edit from the list of subjects.
• Click on the three dots ext to the session and select Edit option.
• The session editing interface will open.
• Session Fee: Update the price of the session.
• Session Seats: Adjust the number of available slots.
• Session Description: Use the text editor to revise the content covered in the session.
• Click Save & Update to save the changes.

Add new slot

The Add New Slot feature enables tutors to add additional time slots for their existing subjects. This functionality is useful for accommodating more students or diversifying session timings for flexibility.

• Navigate to the Manage Bookings section in the sidebar.
• Select the Add New Slot button located at the top-right corner of the calendar.
• Fill out the Add New Slot form:

How to reschedule session

When a session has enrollments and needs to be rescheduled, the system provides a straightforward workflow to move the session to a new date and time. This ensures that the enrolled students are notified of the changes while preserving their registrations.

• Select the Manage Bookings section from the sidebar.
• Select the specific date from the calendar.
• In the list of sessions for that date, find the session you want to reschedule.
• Click on the three dots ext to the session and select Delete option.
• A popup warning will appear, notifying you of the enrollments in the session.
• Clicking Reschedule to Other Day will open the Reschedule Session modal.
• Reschedule Date: Choose a new date for the session.
• Start & End Time: Specify the new time.
• Session Content: Optionally edit the session description or objectives if required.
• Reschedule Reason Note: Provide a brief reason for the reschedule, ensuring transparency for the enrolled students.
• Once all details are updated, click Reschedule Session.

The Tutor Reschedule tab will be shown on student calendar. When student click on Tutor reschedule, the Reschedule Session page will appear.

Find Tutors

The Find Tutors section allows students to discover skilled tutors who can help them achieve their academic goals. Students can search, filter, and connect with tutors based on their preferences and requirements.

Search and Filter Options

Students can narrow down their search using the following filters:

• Choose Group: Select between All Sessions, Private Sessions, or Group Sessions.
• Choose Subject: Pick the subject for which tutoring is required.
• Fee per Session: Set a fee range to match your budget.
• Tutor Location: Search tutors by their geographical location.
• Search by Keyword: Enter a tutor's name or specific keyword for precise results.
• Language: Filter tutors based on the languages they know or teach.
• Sort By: Organize results by relevance, popularity, or fee.

Displayed Tutor Profiles

The search results display tutor profiles with the following details:

• Profile Picture: A professional image of the tutor.
• Name and Tagline: The tutor's full name and a short tagline summarizing their teaching focus.
• Session Fee: The cost per session (e.g., $20.00/session).
• Reviews and Active Students: Display ratings, number of reviews, and active students.
• Languages: Languages the tutor can speak or teach.
• Sessions: Total number of tutoring sessions conducted.
• Short Bio: A brief introduction explaining the tutor's background, teaching style, and goals.
• Action Buttons:
  • Book a Session: Directly schedule a session with the tutor.
  • Send Message: Contact the tutor for queries or details.

Helpful Tips

On the right side, a "Tips to find the best Tutor" section offers guidance on choosing the right tutor:

• Review tutor qualifications and experience.
• Read reviews and ratings from other students.
• Check availability and flexibility of the tutor.
• Ensure their teaching style matches your needs.

Example Interface

Below is an example of the Find Tutors interface with profiles of available tutors:

Book a Session

The Book a Session interface allows students to choose and schedule sessions based on their availability, subjects, and preferences. Students can easily view available slots, add sessions to their cart, and proceed with booking.

Steps to Book a Session

• View Available Sessions: Browse the calendar to see available sessions categorized by date, subject, grade level, and time.
  • Date Range: Select the desired week (e.g., December 15 - December 21, 2024).
  • Time Zone: Ensure the sessions are displayed in your preferred time zone (e.g., Asia/Shanghai).
• Session Information: Each session card displays:
  • Subject and Grade Level: For example, High School (Grades 9-10) - Computer.
  • Time Slot: The time for the session (e.g., 18:21 - 19:01).
  • Fee per Session: Cost of the session (e.g., $70.00/session).
  • Slots Available: The number of remaining slots (e.g., 8 Slots left).
  • View Details Button: Option to see additional information about the session.
• Add a Session to the Order Summary: Click on a session to add it to your Order Summary located on the right side.
• Review the Order Summary:
  • Details include the session time, subject, and price.
  • Option to remove a session if needed using the Remove link.
  • Total Amount: Subtotal and Grand Total are displayed.
• Proceed to Order: Click on the Proceed Order button to finalize the booking.
  • A secure checkout ensures privacy and payment safety.

Additional Options

Students can also click the View full schedules button to explore all available sessions in a comprehensive list.

Example Interface

Below is an example of the Book a Session interface, including session details and the order summary:

Checkout Cart

The Checkout Cart allows students to finalize their booking by reviewing the order, entering billing details, and securely completing the payment process.

Steps to Complete Your Booking

• Enter Billing Details: Fill out the required information to proceed with the checkout:
  • First Name and Last Name: Provide your full name (e.g., Sarah Chapman).
  • Email Address: Add your email for order confirmation (e.g., student@amentotech.com).
  • Phone Number: Optionally, provide a contact number for communication.
  • Address: Enter your country, city, state (if applicable), and ZIP code (e.g., Kabul, Benguela, 10001).
• Add Additional Information: Use the text area to include any notes or special instructions related to your booking (e.g., "Please confirm availability for extra sessions").
• Select a Payment Method: Choose a secure payment method to complete your transaction.
  • For example, Stripe is displayed as a payment option in the image.
• Review the Order Summary: Double-check the details of your selected session:
  • Session Details: Date, time, subject, and fee (e.g., "06:21 pm - 07:01 pm, Computer, $70.00/session").
  • Subtotal and Grand Total: Ensure the total amount matches the selected sessions.
  • Coupon Code: Optionally, enter and apply a coupon to avail discounts.
• Complete the Payment: Click the Pay $70.00 button to finalize your booking and confirm the payment.

Example Checkout Interface

Below is an example of the Checkout Cart interface, showing billing details, payment methods, and the order summary:

Manage Bookings

The Complete Booking section enables students to mark the booking as complete or raise a dispute. Students can mark the session as complete by clicking on the Mark as Complete button and can create a dispute by clicking on the Raise a Dispute button.

Complete

• On the Mark as Complete popup will disappear and the booking will be marked as complete.

Dispute

• On the Raise a Dispute dispute popup will appear.
• Fill out the Raise a Dispute form:
• Dispute Reason: Select the reason for the dispute.
• Dispute Description: Provide a detailed description of the issue.
• Click Submit to submit your dispute.

Add Review

The Add Review section enables students to add a review for a tutor. Students can add a review by clicking on the Add Review button.

Add Review

• On the Add Review popup will appear.
• Fill out the Add Review form:
• Rating: Select the rating for the tutor.
• Review: Provide a detailed review of the tutor.
• Click Submit Review to submit your review.

Reschedule Session

The Reschedule Session section allows students to manage changes to their booked sessions when rescheduling is initiated by the tutor. Students can choose to accept the new session time or request a refund.

Reason for Reschedule

Tutors may reschedule sessions due to various reasons. When this happens, the system ensures students are notified of the change and provides a seamless way to reschedule or opt for a refund. This ensures student registrations remain preserved while minimizing disruption.

Steps to Reschedule Your Session

• Review Changes: Compare the previous and rescheduled session details, including:
  • Previous Session Date & Time: December 17, 2024, 01:00 am - 02:00 am (cancelled).
  • New Session Date & Time: December 18, 2024, 01:00 am - 03:00 am.
• Options Available: Students have the following options:
  • Click on the Yes! Reschedule Session button to confirm the new session date and time.
  • Alternatively, click on the No! I want Refund button if you prefer a refund instead of rescheduling.
• View Session Details: Use the View Session Details link to review additional information about the session.

Support and Assistance

If you have questions or require further assistance, please contact our support team for help.

Example Interface

Below is an example of the Reschedule Session interface, showing previous and rescheduled session details:

Refund

Purpose of the Refund Section

The Refund section provides a streamlined process for students to request a refund for a session. This feature ensures transparency and ease of use for students who may need to cancel or request a refund due to unforeseen circumstances or dissatisfaction with the session.

How to Initiate a Refund

Students can initiate the refund process by clicking on the Refund button located next to the session details. Once clicked, the system will guide the student through the necessary steps to complete the refund request. This process typically includes:

• Selecting the session for which the refund is requested.
• Providing a reason for the refund.
• Confirming the refund request.

Refund Processing

Once the refund request is submitted, it will be reviewed as per the platform's refund policy. If the request is approved, the refund will be processed and returned to the original payment method within the standard processing time. Students will be notified about the status of their refund via email or through the platform's notification system.

Visual Guide

The following image provides an example of the refunding process interface:

Admin Panel

The Admin Panel provides a comprehensive interface for managing the Lernen platform, including user management, site settings, language translations, bookings, transactions, and more. Below is a detailed overview of each module and its functionalities.

Admin Demo Account

To access the admin panel, use the following demo account credentials:

You can also update the admin password by navigating to the admin profile settings, as outlined in the documentation below.

Insights

The Insights section provides a comprehensive overview of the platform's performance and key metrics. This feature is designed for administrators to monitor and track platform activity, revenue, and user engagement. Here's a breakdown of the components:

Revenue & Payment Metrics

Displays financial information such as:

• Platform Earnings: The total revenue generated by the platform.
• Tutor Payouts: Total amount paid to tutors.
• Platform Commission: The commission earned by the platform.
• Pending Payouts: Funds that are yet to be disbursed.

Session Engagement

Provides details about user sessions, including:

• Total Sessions Booked: The number of sessions scheduled through the platform.
• Completed Sessions: Sessions that have been successfully conducted.
• Rescheduled Sessions: Sessions that were rescheduled by users.

User Metrics & Activity

Tracks user engagement and demographics:

• Total Users: The overall count of registered users, broken down into tutors and students.
• Monthly User Comparison: Shows the user growth rate compared to the previous month, offering insights into platform activity trends.

Admin Profile Setting

Admins can manage their profile settings including their profile picture, name, email, and password.

• Upload Profile Photo: Upload a profile image (jpg, jpeg, gif, png) with a maximum size of 5MB.
• Update Profile Information: Enter the first name, last name, and email address. Provide the current password to confirm changes.
• Change Password: Enter the current password, new password, and confirm the new password.
• Click on Save & Update Settings to save the changes.

Site Management - Menus

The Site Management module allows the admin to create, edit, and organize menus for the site. This includes adding new menus, managing pages, and customizing menu positions for both the header and footer.

Steps to Manage Menus

• Add a New Menu:
  • Click on the "Add new menu" button located at the top-right corner.
  • Enter the menu title in the "Menu title" field (e.g., "Footer menu 3").
  • Add pages to the menu by selecting them from the Pages list. You can choose specific pages such as:
    • Home Page 1
    • Home Page 2
    • Home Page 3
    • And more...
  • Alternatively, add custom links by entering a label and URL in the "Custom URL" section.
    • Enter a label (e.g., "Contact Us").
    • Enter the corresponding URL (e.g., https://example.com/contact).
  • Select the menu position:
    • Header: Add the menu to the top navigation.
    • Footer: Add the menu to the footer section.
• Manage Existing Menus:
  • Use the dropdown menu (e.g., "Footer menu 3") to select an existing menu.
  • Reorganize the menu items by dragging and dropping them into the desired order.
  • Edit or remove a menu item by clicking the arrow next to it to reveal additional configuration options.
  • You can also add more pages or custom links to the existing menu.
• Save Changes:
  • Once you have made all the desired updates, click the "Save menu" button at the bottom to apply changes.
  • The updated menu will reflect in the selected position (Header or Footer).
• Delete a Menu: If you need to remove the menu, click on the "Delete menu" button located at the bottom-right corner.

Example Interface

Below is an example of the Menu Management interface, showing the process of adding pages, custom URLs, and managing menu positions:

Global Settings

Configure global settings for AI Writing, API, emails, general site settings, and more.

• AI Writing Settings: Enable or disable AI Writer feature and configure AI model setting i.e profile prompt templates.


• Dispute Settings: Configure dispute settings to manage how disputes are handled on the platform.


• General Settings: Manage site information like site name, email, date format, currency, and more.


• Lernen Settings: Configure platform-specific settings like identity verification roles, display names, booking reserved times, etc.


• Social Settings: Configure social media platform links and settings.


• Scripts & Style Settings: Configure scripts and style settings like Header Scripte, Footer Scripts, Custom Styles and more.

Multi Currency

The Multi-Currency Setting allows the admin to enable and manage multiple currencies on the website, enhancing user experience and making the platform accessible to a global audience.

• Enable Multi-Currency: Activate or deactivate the multi-currency functionality on the website by switching the toggle. When enabled, users can view prices in their preferred currency.
• Multi Currency select: Select specific currencies to make them available on the website. Use the dropdown to add or remove currencies as needed.
• Any updates made to the multi-currency settings need to be saved by clicking the Save Changes button to apply them across the website.

Multi Language

The Multi-Language Setting allows the admin to enable and manage multiple languages on the website, providing a localized experience for users from different regions.

• Enable Multi-Language: Turn on or off the multi-language functionality using this toggle. When enabled, users can view and interact with the website in their preferred language.
• Multi Language select: Choose specific languages to make them available on the website. Use the dropdown to add or remove languages.
• Any updates made to the multi-language settings need to be saved by clicking the Save Changes button to apply them across the website.

API Settings

The API Settings section allows administrators to configure and manage third-party integrations to enhance platform functionality. These settings are essential for enabling features like location services, calendar syncing, video conferencing, and AI-powered tools. Below is a detailed overview of the available options:

1. Google Map Integration

The Google Map integration allows location-based features such as identifying addresses, displaying maps, and using Google Places for enhanced location input.

• Enable Google Places: Use the toggle switch to activate or deactivate Google Places functionality.
• Google Places API Key: Enter the API key required for Google Maps and Google Places integration.
  • A valid API key is necessary for map-based services to function properly.
  • To obtain a key, click on the link: Get API Key.

2. Google Calendar Integration

Synchronize events and schedules with Google Calendar to automate session scheduling and reminders. Admins can configure settings under the "Google Calendar" tab.

3. AI Writer

Enable AI-powered content generation tools to assist with creating descriptions, summaries, and other platform content. This feature helps streamline administrative tasks and content management.

4. Meeting Settings (Zoom)

Integrate Zoom to enable video conferencing for sessions and meetings. Configuration options for API keys and meeting settings can be found under the "Meeting Settings" tab.

Reset and Save Options

Admins can perform the following actions:

• Reset Section: Reset only the current section to its default state.
• Reset All: Restore all API settings to their default configurations.
• Save Changes: Apply and save the updated API settings.

Visual Overview

Below is an example of the API Settings interface, showcasing the Google Map configuration options:

Google Calendar/Meet API Keys

Google Calendar/Meet API keys are required to enable features such as calendar synchronization and video conferencing. Follow the video guide below to learn how to obtain your Google Calendar/Meet API keys.

Zoom API Keys

Zoom API keys are essential for enabling video conferencing features in your application. Follow the step-by-step guide below to create and configure Zoom API keys using the Server-to-Server OAuth method.

Step 1: Access the Zoom Marketplace

Go to the Zoom Developer Marketplace and create a Server-to-Server OAuth app.

Step 2: Click Continue

Proceed by clicking on the Continue button to move to the next step.

Step 3: Fill Out the Form

Complete the form with the required details and then click on Continue.

Step 4: Continue Again

Click Continue to confirm the provided details and proceed further.

Step 5: Add Scopes

Click on Add Scopes to define the permissions your app will need.

Step 6: Mark All Scopes

Select all necessary scopes for your application and click on Done to save the configuration.

Email Settings

• Add New Template:
  • Click on the "Add new template" button located in the left panel.
  • Use the dropdown under "Select template" to choose a predefined template.
  • Click "Add new template" to save the new email template for the system.
• All Email Templates:
  • Displays a list of all available email templates in the system.
  • Each template includes:
    • Email Title: The name of the email template (e.g., "Dispute Resolution Notification", "Session Request").
    • Role Type: The user role associated with the template (e.g., Tutor, Student, Admin).
    • Status: Indicates whether the template is Enabled or Disabled.
    • Actions: Options to manage each template:
      • Edit: Click the pencil icon to modify the template.
      • Delete: Click the trash bin icon to remove the template.
• Pagination:
  • If the number of templates exceeds the current display limit (e.g., 10), use the pagination controls at the bottom to navigate between pages.

Email Settings

Configure SMTP settings to send emails from your platform.

SMTP Settings

• SMTP Host: The SMTP server address provided by your email service provider.
  Example: smtp.gmail.com or mail.example.com.
• SMTP Port: The port number the SMTP server uses to send emails.
  Common Ports:
  • Port 25 – Standard SMTP (non-secure).
  • Port 465 – For SSL-secured connections.
  • Port 587 – For TLS-secured connections.
• SMTP Username: The email address or username used for SMTP authentication.
  Example: user@example.com.
• SMTP Password: The password associated with the SMTP username or email account.
• SMTP Encryption: The encryption method used to secure email communications.
  Options:
  • None – No encryption.
  • SSL – Secure Sockets Layer.
  • TLS – Transport Layer Security.
• SMTP From Email: The sender’s email address that will appear in outgoing emails.
  Example: no-reply@example.com.
• SMTP From Name: The display name that appears alongside the sender’s email.
  Example: Lernen Admin.

Steps to Configure SMTP

• Enter the SMTP Host and SMTP Port provided by your email service provider.
• Input the SMTP Username and SMTP Password for authentication.
• Select the appropriate SMTP Encryption method (None, SSL, or TLS).
• Set the SMTP From Email and SMTP From Name fields to define the sender details.
• Click the Save Changes button to apply the configuration.

Maintenance Settings

Configure maintenance mode to inform users about scheduled maintenance or temporary site downtime.

• Maintenance Mode: Enable or disable maintenance mode. Options:
  • Yes: Activate maintenance mode.
  • No: Deactivate maintenance mode (default).
• Maintenance Logo: Upload a custom logo (JPG/PNG, max size 3MB).
• Maintenance Title: Add a title for the maintenance page (e.g., "Scheduled Maintenance").
• Maintenance Description: Add a short message (e.g., "Our site is temporarily offline for updates.").
• Maintenance Email: Provide a contact email (e.g., checkbacklater@yourdomain.com).

Actions

• Reset All: Restore default settings.
• Reset Section: Reset only maintenance settings.
• Save Changes: Save all updates.

Manage Pages

The Manage Pages section allows administrators to create, edit, and delete pages on the platform. This feature provides a user-friendly interface to manage website content effectively.

1. Adding a New Page

• Enter the required details for the new page:
  • Page Name: The name of the page (e.g., Home Page, FAQ).
  • Page Title: A descriptive title for the page.
  • Page Description: Add relevant content or description for the page.
  • Page Slug: Provide a unique URL-friendly identifier (e.g., about-us, faq).
• Click the "Add new page" button to save the new page.

2. Managing Existing Pages

Admins can view and manage all existing pages in a tabular format. The table includes the following columns:

• Name: The title of the page.
• URL: The published link to the page.
• Status: Indicates if the page is PUBLISHED or DRAFT.
• Actions: Options for managing each page:
  • Edit: Click the pencil icon to update page details.
  • View: Click the eye icon to preview the page.
  • Delete: Use the trash icon to remove the page.

The pages are paginated, allowing easy navigation through large lists of pages.

Front Page Settings

The Front Page Settings section allows admins to configure the visual layout and styles of the platform's front page, including headers, sliders, and footers.

1. Header Settings

• Admins can configure individual header styles for specific pages:
  • Header Style for Page 1: Define the header for the first page.
  • Header Style for Page 2: Customize headers for additional pages.
• Click "Add more" to configure additional header styles.

2. Footer Settings

• Admins can customize footer styles for different pages:
  • Footer Style for Page 1: Define the footer for the first page.
  • Footer Style for Page 2: Customize footers for additional pages.

3. Save and Reset Options

• Save Changes: Click the "Save changes" button to apply updates.
• Reset Section: Reset changes for the current section.
• Reset All: Revert all changes to default settings.

Color Settings

Customize the colors of your platform to match your brand or preferences.

• Auth Pages Background Color: Sets the background color for authentication pages. (e.g., rgb(79,182,0)).
• Theme Primary Color: Defines the main theme color. (e.g., rgb(248,89,23)).
• Theme Secondary Color: Sets the secondary theme color. (e.g., rgb(244,167,15)).
• Footer Background Color: Specifies the footer's background color. (e.g., rgb(5,90,69)).
• Text Light Color: Defines the light color for text. (e.g., rgb(88,88,88)).
• Text White Color: Sets the white color used in text. (e.g., rgb(255,255,255)).
• Heading Color: Configures the color for headings. (e.g., rgba(0,0,0,0.7)).

Actions

• Reset All: Resets all color settings to default values.
• Reset Section: Resets only the current color settings.
• Save Changes: Saves any updates to the color settings.

Taxonomies

Manage taxonomies such as languages, subjects, and subject groups.

Languages

• Add New Language: Enter the language name and description, then click "Add now".
• Manage Existing Languages: Edit or delete languages using the icons under the "Actions" column.

Subjects and Subject Groups

• Manage Subjects: Add, edit, or delete subjects and organize them into groups.


• Manage Subject Groups: Create and manage groups of related subjects.

Language Translations

The Language Translations section enables administrators to manage and configure translations for different languages across the platform. This feature is essential for ensuring a multilingual experience, allowing users to interact with the platform in their preferred language.

1. Available Languages

Admins can view and manage all available languages in the platform. The list includes:

• Language Name: Displays the name of the language with its corresponding flag and language code.
  • English (en): Primary language with 3133 source keys.
  • Arabic (ar): Translation progress is shown with a progress bar indicating completion.
• Translation Progress: Shows the total number of source keys and the completion percentage for each language.
• Actions: Admins can perform the following actions for each language:
  • Edit: Modify existing translations using the settings icon.
  • Delete: Remove a language using the trash icon.
  • Expand/Collapse: View more options or details using the expand icon.

2. Adding a New Language

Admins can add a new language to the platform by clicking on the "Add New Language" option:

• Click the plus (+) icon to initiate the process.
• Enter the language details, such as the name and language code (e.g., "French" and "fr").
• Save the new language to start the translation process.

3. Import and Publish Translations

• Import: Admins can upload existing translations using the "Import" button in the top-right corner.
• Publish: Once translations are updated, click the "Publish" button to apply changes across the platform.

4. Search and Filter

Use the search bar to quickly find languages by name or code. This is useful when managing a large number of languages.

Visual Overview

Below is an example of the Language Translations interface, showing available languages, progress status, and options to manage translations:

Manage Addons

The Manage Addons section is designed to allow administrators to expand the platform's functionality by installing, upgrading, or managing addons. These addons can introduce new features and enhance the existing capabilities of the Lernen LMS.

Installed Addons

The Installed Addons section displays all the addons currently installed on the Lernen LMS platform. This page allows administrators to view, manage, and update these addons easily.

Overview of Installed Addons

Each addon is displayed with the following details:

• Title: The name of the addon, identifying its purpose.
• Description: A short explanation of the functionality provided by the addon.
• Status: Indicates whether the addon is currently Activated or Deactivated.
• Actions:
  • Delete: Removes the addon from the platform entirely.
  • Deactivate: Temporarily disables the addon without deleting it, allowing reactivation later.

Managing Addons

Follow these steps to manage installed addons:

• Navigate to the Admin Dashboard and go to Manage Addons > Installed Addons.
• Use the search bar to locate a specific addon by name or description.
• To remove an addon, click on the Delete button. A confirmation dialog will appear before deletion.
• To deactivate an addon, click on the Deactivate button. The addon will remain installed but no longer active.
• If you want to add or update an addon, click on the Add/Update Addon button at the top-right of the page.

Best Practices

When managing addons, consider these best practices:

• Backup Before Changes: Create a backup of your platform and database before deleting or deactivating addons.
• Review Dependencies: Check if any critical features depend on the addon you intend to deactivate or delete.
• Keep Addons Updated: Regularly update your addons to ensure compatibility with the latest version of Lernen LMS.

Understanding the Addons List

The Addons List provides an overview of all available addons. Each addon is displayed with the following details:

• Name: The title of the addon, clearly identifying its functionality.
• Description: A concise summary explaining the purpose and features of the addon.
• Version: Indicates the version of the addon, allowing you to ensure you are using the latest release.
• Price: Displays the cost of paid addons. Free addons are also listed and marked accordingly.
• Upgrade Option: Provides a direct link to purchase or upgrade the addon through Codecanyon if applicable.
• Coming Soon: Highlights addons that are under development or planned for future release.

How to Add or Upgrade Addons

Adding or upgrading addons is a straightforward process. Follow these steps to install or upgrade an addon:

• Go to the Admin Dashboard, and navigate to the Manage Addons page.
• Click on the Add New button located at the top right corner of the page.
• A pop-up window will appear. In this window, click Choose File and select the addon zip file you have downloaded from Codecanyon.
• Once the file is selected, click the Install button. The installation process will begin, and a progress bar will display the status of the upload and installation.
• After the process completes, the newly added or upgraded addon will automatically appear in the addons list. It will be ready to use without further configuration unless specified in the addon’s documentation.

Best Practices for Managing Addons

To ensure a smooth experience when installing or upgrading addons, consider the following best practices:

• Ensure Platform Compatibility: Verify that your Lernen platform version is compatible with the addon you are installing.
• Backup Data: Before installing or upgrading any addon, create a backup of your database and codebase to prevent data loss in case of an error.
• Check Server Requirements: Ensure your server meets the necessary requirements for addon installation, such as sufficient upload size and execution time limits.
• Review Addon Documentation: Some addons may require additional configurations. Always review the addon’s documentation for setup instructions.

Notes for Upgrading Addons

If you are upgrading an existing addon, follow the same steps as above. The system will automatically detect the older version and replace it with the updated one. Ensure that you have downloaded the correct upgrade file for seamless integration.

Note: For paid addons, ensure you have a valid license key before installation or upgrade. Addons without valid licenses may not function properly.

Users

The Users section allows the admin to manage all users registered on the platform, including tutors and students.

• All Users: Displays a list of all users, including their details such as name, email, created date, role, verification status, recommendation status, and account status.
• Search and Filter: Use the search bar and filters at the top to search by user details or filter users by role, status, or verification.
• Add New User: Click on the "Add new user" button to create a new user. Enter the necessary information such as name, email, role, and verification status.
• Edit or Delete User: Use the edit icon next to a user's name to modify their details or the delete icon to remove the user from the platform.
• Verification Status: Shows whether the user is verified or not. A checkmark indicates a verified user.
• Recommendation Status: Shows if a tutor is recommended (Yes/No).
• Account Status: Displays whether the account is active or inactive.

Identity Verification

The Identity Verification section allows the admin to manage identity verification requests submitted by tutors or students.

• View Verification Requests: Displays a list of all identity verification requests. Each request includes the user's name, submission date, and verification documents.
• Filter Verification Requests: Use the filters at the top to view verified or non-verified requests.
• Approve or Reject Verification: Click on each request to review the submitted documents. Approve or reject the request as appropriate.
• No Requests: If there are no verification requests, a message "No record added yet!" will be displayed.

Bookings

The Bookings section allows the admin to view and manage all booking requests made by students with tutors.

• All Bookings: Displays a list of all bookings, including order ID, transaction ID, subject, student name, tutor name, amount, tutor payout, and status.
• Filter Bookings: Use the filters at the top to sort bookings by type, subject, subject group, or status.
• Search Bookings: Use the search bar to search for specific bookings.
• View Booking Details: Click on a booking entry to view more details about the session, including the date, time, and other specifics.
• Status: Displays the current status of the booking (e.g., Complete, Pending, etc.).

Transaction & Payments

The Transaction & Payments section enables the admin to manage all financial transactions and settings on the platform.

Withdraw Requests

• View Withdraw Requests: Displays all pending withdrawal requests submitted by tutors. This includes details like the request date, amount, and tutor details.
• Approve or Reject Withdrawals: Review each withdrawal request and either approve or reject it.
• No Requests: If there are no withdrawal requests, a message "No record added yet!" will be displayed.

Commission Settings

• Select Commission Type: Choose from "No Commission," "Fixed Commission," or "Percentage Commission" for tutor sessions.
• Set Commission Value: If "Fixed Commission" or "Percentage Commission" is selected, enter the commission amount or percentage per session booking.
• Save Settings: Click the "Save settings" button to apply the changes.

Payment Methods

• Select Default Payment Method: Choose the default payment method for processing payments on the platform from the dropdown menu and click "Save method."
• Manage Available Payment Methods: Enable, disable, or edit payment methods such as Stripe, PayPal, Razorpay, Paystack, Paytm, Flutterwave, and Payfast.
• Edit Payment Methods: Click the "Edit" icon next to a payment method to configure or update its settings.

Manage Blogs

The Manage Blogs page allows administrators to oversee and manage all blog posts on the platform.

Create blogs

• Category: Select a category for the blog post from the dropdown. Categories help organize the blog content by topics or themes.
• Title: Enter the title of the blog post. This will appear as the main headline when the blog is published.
• Tags: Add relevant tags for the blog post to improve searchability and categorization. Tags help in organizing content and enhancing SEO.
• Blog Content: Use the rich text editor to add the main content of the blog post. The editor supports basic formatting tools such as bold, italics, bullet points, and alignment options.
• Blog Image: Upload a relevant image for the blog post. Accepted formats are JPG and PNG, with a maximum file size limit of 3MB. This image will be displayed as a feature image for the blog post.
• Status: Toggle the status of the blog post. The "Published" status will make the blog post live on the platform, while disabling it will save the blog as a draft.
• Meta Title: Field to add the meta title for SEO purposes. The meta title is displayed in search engine results and helps with SEO ranking.
• Blog Meta Description: Field for adding a meta description for the blog. This is used by search engines to display a summary of the blog post and can improve the post’s visibility.
• Add Blog Button: Once all fields are filled, click the Add blog button to save or publish the post depending on the selected status.

Blogs

The Blog List page provides administrators with a centralized view of all blog posts on the Lernen platform. From this page, you can easily manage blog content, including creating new posts, editing existing ones, and deleting those that are no longer relevant. Each blog entry is displayed with its title, a brief description, assigned category, publication status, and quick-action icons for editing or deleting the post.

• Add Blog Button: Located in the upper-right corner, clicking this button allows the administrator to create a new blog post.
• Blog Table:
  • Title: Displays the blog title. Clicking the title may redirect to view the blog details.
  • Description: A short preview of the blog content, summarizing its topic or scope.
  • Category: The category under which the blog is classified, such as Culture, Sports, Technology, etc.
  • Status: Indicates whether the blog is Published or in Draft state.
  • Actions:
    • Edit (Pencil Icon): Allows you to edit the content, title, category, or other details of the blog.
    • Delete (Trash Icon): Permanently deletes the blog from the system.
• Search Bar: Located in the upper-right corner, clicking this button allows the administrator to search blog posts.
• Sorting and Pagination:
  • Sort Dropdown: You can sort blogs based on id, asc or desc.
  • Pagination Controls: Located near the top of the table, you can control how many blog entries to display on one page (e.g., 10, 20, etc.).

Blog Categories

The Blog Categories page in Taskup’s admin dashboard allows administrators to manage and organize blog categories. Categories help structure content for easy navigation and searchability on the platform.

• Add New Category: On the left side of the page, administrators can add new blog categories by filling out the following fields:
  • Name: Enter the category name (e.g., Art, Business).
  • Parent Category: If the category belongs to a broader category, you can assign a parent category here.
  • Description: Provide a brief description of the category.

  After filling in the details, click Add New Category to save the new category.

• Blog Categories List: On the right, you can view a list of all existing categories. Each row displays:
  • Name: The name of the category.
  • Description: A brief description of the category (if available).
  • Status: Shows whether the category is currently active.
  • Actions:
    • Edit (Pencil Icon): Click to edit the category's name, parent category, or description.
    • Delete (Trash Icon): Click to delete the category permanently from the system.
• Search & Filters:

  You can use the Search Category field in the top-right to find specific categories quickly.

  The sorting and pagination options allow you to control how many categories are displayed per page and sort them based on specific criteria.

Logout

The Logout option allows administrators to securely exit the admin panel and end their session. This ensures the security of the platform and prevents unauthorized access.

Steps to Logout

• Locate the "Logout" button at the bottom of the side navigation panel, highlighted in red for visibility.
• Click the "Logout" button to securely end your session.
• Upon clicking, the system will log you out and redirect you to the login screen for security purposes.

Important Notes

• Ensure you log out after completing administrative tasks, especially on shared or public systems, to maintain security.
• These credentials are for demonstration purposes only and should be replaced with actual admin credentials in a production environment.

Tutor Settings

The Tutor Dashboard in the "Lernen" platform provides tutors with easy access to manage their bookings, Sessions, Payouts, profile settings &messages. Below is a detailed guide to each section of the dashboard.

Tutor Demo Account

To access the tutor dashboard, use the following credentials:

Insights

The Insights section provides a comprehensive overview of your financial performance, where you can manage payout settings and view an earnings graph.

Manage Payout Settings

• Go to the Insights section from the main dashboard.
• Click on Setup Payouts Methods.
• Select your preferred payout method (e.g., PayPal, Payoneer, or Bank Transfer).
• Click on Setup Account under the desired payment method and enter the required account details.
• Click Save to update your payout settings.

View Earnings Graph

• In the Insights section, locate the My Earnings panel.
• Here, you can see your Earned Income, Funds Withdrawn, Pending Amount, and Wallet Funds.
• Below the panels, view the Earnings Graph which displays your earnings over a selected period.
• Use the Filter by option to select a specific month or custom date range to analyze your earnings.

General Settings

The General Settings section allows you to manage basic personal details to keep your profile up-to-date.

Manage Personal Details

• Go to Profile Settings from the dashboard.
• Click on Personal Details.
• Update your personal information including Full Name, Gender, Tagline, Address, Native language, Languages can speak, Brief Introduction, Profile photo, Introduction video, Social Media URLs (Facebook, Twitter, LinkedIn, etc.) and Whatsapp Number.
• Click Save to apply your changes.

Account Settings

Under Account Settings, you can manage password reset, connect your Google Calendar, and set your timezone.

Password Reset

• Navigate to Profile Settings > Account Settings from the dashboard.
• Under Change Your Password, enter your new password and confirm it.
• Click Update Password to save your new password.

Connect Google Calendar

• In the Account Settings, locate the Link Your Google Calendar section.
• Click on Connect Google Calendar.
• Follow the prompts to authenticate and link your Google account.
• Once linked, all your lessons will automatically sync with your personal schedule.

Set Timezone

• Go to Account Settings and find the Update Your Time Zone section.
• Select your preferred timezone from the dropdown list.
• Click Save & Update to apply the changes.

Resume Highlights

The Resume Highlights section is where you can showcase your educational background, professional experience, certificates, and awards to enhance your profile.

Manage Education

• Go to Profile Settings and select Resume Highlights.
• Click on the Education tab.
• Click Add New to enter your educational details like degree, institution, and graduation period.
• Click Save & Update to update your educational qualifications.

Manage Experience

• In the Resume Highlights section, select the Experience tab.
• Click Add New to enter your professional experience details including job title, company name, and duration.
• Click Save & Update to update your experience.

Manage Certificates & Awards

• Under Resume Highlights, click on the Certificates & Awards tab.
• Click Add New to enter details about your certificates and awards.
• Upload any relevant documents or certifications, if necessary.
• Click Save & Update to update this section.

Identity Verification

The Identity Verification section ensures trust and safety within the platform. Your profile must be verified before it appears in search listings.

Submit Profile for Approval

• Navigate to Profile Settings > Identity Verification from the dashboard.
• Enter your personal details, including Full Name, Date of Birth, Address, and upload a Personal Photo and Government-Issued ID.
• Click Save & Update to submit your profile for verification.
• Your profile will be reviewed by the admin team, and once approved, it will be visible in the search listings, allowing students to find and book your sessions.

Subjects I Can Teach

The Subjects I Can Teach section allows tutors to define the subjects they are qualified to teach. Tutors can categorize their subjects based on educational levels (such as Primary School, Middle School, High School, etc.) and add specific subjects under these categories.

Adding a Subject Group and Subjects

1. Navigate to Manage Bookings > Subjects i can teach
2. Click on the Add New button to add a new subject group, such as "Primary School" or "Middle School".
3. Within the subject group, click on Add New Subject to define a specific subject.
4. Fill out the Add Subject form:
• Choose subject you can teach: Select the subject from the dropdown list.
• Session Price: Enter the hourly rate for the subject.
• A Brief Introduction: Provide a short description of the subject, including key topics covered and the intended audience.
• Upload Image: Add an image that represents the subject (optional).
5. Click Save & Update to add the subject to your profile.

Editing or Removing a Subject

• To edit a subject, click on the ellipsis (three dots) next to the subject and choose Edit.
• To remove a subject, click on the ellipsis (three dots) next to the subject and choose Delete.

Manage Sessions

The Manage Sessions section enables tutors to schedule and manage their teaching sessions. Tutors can create sessions in bulk and configure the session details according to their preferences.

Adding Sessions in Bulk

1. Click on the Add New Session button located at the top-right corner of the calendar.
2. Fill out the Add Session form:
• Subject: Select the subject for the session.
• Start and End Date: Choose the start and end date for the session.
• Start and End Time: Set the start and end time for the session.
• Session Time (Duration): Enter the total duration of each session.
• Break Between Sessions: Specify the break time between consecutive sessions.
• Seats: Choose either 1 to 1 (individual sessions) or multiple (group sessions).
• Certificate Template: Tutor can award certificates to students after completing sessions.
• Recurring for Days: Select the days of the week when the session should recur.
• Session Fee: Enter the fee for the session.
• Special Instructions: Provide any special instructions or notes for the session (optional).
3. Click Save & Update to add the sessions to the calendar.

Editing Sessions

• To edit an existing session, click on the date of the session in the calendar.
• Modify the session details in the form that appears and click Save & Update.

Updating Meeting Links

Tutors have the ability to manually update meeting links for their sessions. This feature is particularly useful if the automatic link generation fails or if a tutor needs to use a different meeting platform for a specific session.

Steps to Update a Meeting Link:

• Access the Session Details:
  • Navigate to the Manage Bookings > Manage Sessions section in the tutor dashboard.
  • Locate the specific session date for which you want to update the meeting link.
• Edit Session:
  • Find the specific session time based on the subject group and subject.
  • Click on the "Edit" button associated with the session.
  • This will open the session details in edit mode.
• Update Meeting Link:
  • Find the "Meeting Link" field in the session details form.
  • Enter the new meeting link in this field.
  • Ensure the link is complete and correct, including the "https://" prefix if applicable.
• Save Changes:
  • After entering the new meeting link, click on the "Save" or "Update Session" button.
  • The system will confirm that the changes have been saved successfully.

Upcoming Bookings

The Upcoming Bookings section provides an overview of all upcoming sessions booked by students. Tutors can view bookings by day, week, or month.

Viewing Upcoming Bookings

• Select the desired calendar view: Daily, Weekly, or Monthly.
• All the upcoming sessions are displayed within the selected time frame.

Filtering Bookings

• Use the search bar or filter options to narrow down bookings by specific subjects.

Syncing Upcoming Session to Google Calendar

When viewing upcoming bookings, tutors can access detailed information about each session by clicking on the specific booking in the calendar view. If you've connected your Google Calendar just after creating bookings, you can still sync your existing sessions to your calendar. Here's how:

• Go to your Profile Settings > Account Settings in the dashboard.
• Navigate to the Link Your Google Calendar section.
• If you haven't already, connect your Google Calendar by clicking on Connect Google Calendar.
• Once connected, look for an option labeled Sync with Google Calendar.
• Click this option to sync your session to your Google Calendar.
• Wait for the sync process to complete.

Note: This feature is available exclusively for tutors who have connected their Google Calendar but did not have their session added as a calendar event automatically during booking.

My Invoices

The My Invoices section provides a detailed overview of all the transactions and invoices for completed bookings.

• Invoice Details: View details of each invoice, including:
  • Order ID: The unique identifier for each transaction.
  • Date: The date when the booking was made.
  • Transaction ID: The payment transaction identifier.
  • Subject: The subject or course title booked.
  • Student Name: The name of the student with whom the session was conducted.
  • Tutor Payout: Amount received by the tutor after the platform fee.
  • Amount: The total amount paid for the session.
  • Status: The current status of the invoice (e.g., Complete, Pending).
• Use the Filter by dropdown menu to filter invoices by their status.

Withdrawal Requests

The Withdrawal Requests feature allows tutors to withdraw their earnings securely from the Lernen platform.

How to Create a Withdrawal Request

• Access Wallet Balance:
  • On the left side of the dashboard, you will see your Wallet Balance displayed.
• Initiate Withdrawal:
  • Click the Withdraw Now button below the wallet balance.
  • A withdrawal request will be created, and the request status will be updated in the Payouts History section.
• Payouts History:
  • Navigate to the Payouts History section to view all your withdrawal requests.
  • This section provides the following details:
    • Ref #: Reference number of the payout request.
    • Method: Payment method used (e.g., Bank Transfer, PayPal).
    • Date: Date when the payout request was created.
    • Amount: Amount of the requested payout.
    • Status: Current status of the payout (e.g., Pending, Completed).
• Filter Payouts:
  • Use the Filter by dropdown menu to sort and filter payout records by their status.

Messages Area

The Messages Area enables tutors to communicate with students using a variety of real-time messaging features, enhancing the overall learning experience.

Features of the Messages Area

• User List and Search:
  • On the left side, you will find a list of users with whom you have active conversations.
  • Use the Search bar to find and initiate a chat with a specific student or contact.
• Real-time Chat:
  • Engage in instant messaging with students. The chat interface supports:
    • One-to-One Chat: Send private messages to individual students.
    • Audio and Video Calls: Send audio and video files directly from the chat window.
    • Media Sharing: Share various types of media, such as images, documents, and locations.
    • Voice Notes: Send voice messages to communicate effectively without typing.
• Send Friend Requests:
  • Before starting a conversation, tutors can send a friend request to students or other users to establish a connection.
• View Message Notifications:
  • Notifications for new messages or friend requests are displayed at the top left of the chat area, ensuring tutors stay updated on all communications.
• Welcome Screen:
  • The center of the messages area displays a welcome message, encouraging the tutor to start a conversation, share ideas, ask questions, or greet the students.

By utilizing these features, tutors can effectively manage their earnings and foster productive communication with their students on the Lernen platform.

Student Settings

The Student Dashboard on the "Lernen" platform provides students with seamless navigation to manage their activities and access essential features. This dashboard allows students to take control of their educational journey with a well-organized interface.

Overview of Student Dashboard

The dashboard is designed to help students efficiently manage the following sections:

• Bookings: View and manage upcoming, completed, or rescheduled sessions directly from the dashboard.
• Profile Settings: Update personal information, including name, email, phone number, and profile photo.
• Billing Details: Add or edit billing information such as company name, address, and contact details.
• Favorites: Save and manage a list of favorite tutors for quick access to bookings and communications.
• Messages: Access the messaging system to communicate directly with tutors.
• Invoices: View and download session payment details and transaction history.

Student Demo Account

For demonstration purposes, students can access the platform using the following credentials. This demo account allows users to explore all features and functionalities of the Lernen Student Dashboard.

How to Access the Student Dashboard

Follow these steps to access the demo account:

1. Go to the Lernen platform's login page.
2. Enter the provided email address and password in the respective fields.
3. Click the Login button to proceed.
4. Once logged in, explore the dashboard features, including managing sessions, messaging tutors, and viewing invoices.

Benefits of Using the Demo Account

The demo account provides an opportunity to:

• Familiarize yourself with the platform's interface and features.
• Test the booking system, messaging tools, and billing management.
• Explore how to manage your educational activities efficiently.

Security Note

This demo account is provided for demonstration purposes only. It is recommended to use unique credentials when creating a personal account for full access to the platform.

My Bookings

The My Bookings section allows students to efficiently view, manage, and organize their upcoming, completed, and past sessions with tutors. The interface includes a calendar-based display for better visualization and session tracking.

1. Calendar View

The center of the screen displays a detailed calendar that shows all scheduled sessions. Key features of the calendar include:

• Daily, Weekly, and Monthly Views: Students can toggle between the following views for convenience:
  • Daily View: Displays bookings for a specific day in a timeline format.
  • Weekly View: Provides an overview of all bookings scheduled for the week.
  • Monthly View: Displays a full month's calendar with all scheduled sessions highlighted.
• Today Button: Quickly navigate back to the current day by clicking the "Today" button at the top of the calendar.

2. Session Details

Each scheduled session appears as a card on the calendar with the following details:

• Session Title: The name of the session (e.g., "Web Development").
• Time: The session start and end times (e.g., 01:00 am - 03:00 am).
• Session Fee: Displays the cost of the session (e.g., $20.00).
• Total Enrollment: Shows the number of students enrolled (e.g., 1 Student).
• Date: Highlights the date of the session (e.g., November 20, 2024).
• View Full Details: Click on the "View Full Details" link to get additional information about the session or contact the tutor.

3. Search and Filter Bookings

Students can use the search bar at the top-right to quickly find a specific session by entering relevant keywords such as the tutor's name, session title, or date.

4. Session Management

• View Details: Access detailed information about each session, including the tutor's profile, enrolled students, and session fee.
• Manage Bookings: Students can make necessary adjustments such as rescheduling, canceling, or rebooking sessions based on availability.

5. Wallet Balance

The sidebar displays the student's current wallet balance (e.g., $0.00) and provides an option to withdraw funds if applicable.

Example Interface

Below is an example of the Daily View calendar interface with a scheduled session displayed:

Syncing Upcoming Booking to Google Calendar

The Sync with Google Calendar feature allows students to integrate their upcoming sessions directly into their Google Calendar for better time management and reminders. By syncing bookings, students can stay organized and ensure they never miss a session.

How to Sync Your Bookings

Follow these steps to sync your sessions with Google Calendar:

• Go to your Profile Settings from the dashboard and click on Account Settings.
• Scroll to the Link Your Google Calendar section.
• If your Google Calendar is not yet connected:
  • Click the Connect Google Calendar button.
  • Follow the on-screen prompts to authenticate and link your Google account.
• Once connected, navigate back to your bookings in the My Bookings section.
• Click on any upcoming session to view its detailed information.
• Look for the Sync with Google Calendar option at the bottom of the session details.
• Click on this option to automatically add the session to your Google Calendar.
• Wait for the process to complete, and verify the session has been added by checking your Google Calendar.

Session Details Included

When syncing with Google Calendar, the following session details are included:

• Date: The scheduled date of the session (e.g., October 3, 2024).
• Time: The session start and end time (e.g., 09:37 am - 10:11 am).
• Type: The session type, such as Group or Private.
• Total Enrollment: Number of students enrolled.
• Session Fee: The cost of the session (e.g., $40.00 per person).
• Tutor Name: The name of the tutor (e.g., Steven Ford).

Benefits of Syncing with Google Calendar

Syncing your bookings to Google Calendar offers the following benefits:

• Automatic reminders for upcoming sessions.
• Improved time management and scheduling of activities.
• Convenient access to session details directly from your calendar.

Example Interface

Below is an example of the Sync with Google Calendar option in the session details:

Profile Settings

The Profile Settings section allows students to manage their personal information, account preferences, and verify their identity. This ensures an optimized experience for scheduling sessions, maintaining security, and linking additional tools like Google Calendar.

1. Personal Details

Students can update their personal information to ensure their profile remains accurate and up-to-date. The fields include:

• Full Name: Enter your first name and last name.
• Email: Update your email address for platform communication.
• Phone Number: Add or edit your contact number.
• Gender: Select your gender as Male, Female, or Not Specified.
• Address: Provide your country, city, and zip code to complete location details.
• Native Language: Indicate your primary/native language.
• Languages I Know: Add any additional languages you can speak or understand.
• A Brief Introduction: Write a short description about yourself, including your skills, background, or interests.
• Profile Photo: Upload a clear profile picture by dragging and dropping an image or selecting it from your device. (Supports formats like jpg, jpeg, and png up to 5 MB).

2. Account Settings

The Account Settings section allows students to configure their account preferences. Key features include:

• Update Password: Reset your password by entering and confirming a new password. Ensure it's secure and meets the platform's requirements.
• Update Time Zone: Select your preferred time zone from the dropdown list. This ensures that all bookings and session timings align accurately with your local time.
• Link Google Calendar: Connect your Google Calendar to sync all upcoming and scheduled sessions. This integration helps you manage your time effectively and receive timely reminders.

3. Identity Verification

Completing the Identity Verification process helps ensure trust and platform security. Students are required to provide the following details:

• Full Name: Enter your legal name for verification purposes.
• Date of Birth: Provide your birthdate.
• Address: Include your full address, including country, city, and zip code.
• Personal Photo: Upload a clear and recent photo of yourself. (Supports jpg, jpeg, and png formats up to 5 MB).
• School Enrollment ID: Enter your school enrollment ID for verification.
• School Name: Provide the name of your school.
• Government-Issued ID: Upload a valid government-issued identification document, such as a passport or national ID card.
• Parent/Guardian Details: Include the name, email, and contact number of your parent or guardian for additional verification purposes.

Note:

This feature is essential for maintaining accurate and verified student information. Google Calendar integration is particularly beneficial for students who need their sessions automatically synced for better scheduling and time management.

Billing Detail

The Billing Detail section allows students to manage and update their billing information. This ensures accurate identification and smooth transactions when booking sessions or making payments.

Steps to Update Billing Information

• Enter Personal Information:
  • First Name & Last Name: Fill in your complete name.
  • Company Title: Enter your company or organization name, if applicable.
• Provide Contact Details:
  • Email: Add a valid email address for billing communications.
  • Phone: Include your phone number for contact purposes.
• Enter Address:
  • Country: Select your country from the dropdown list.
  • City: Provide the name of your city.
  • ZIP Code: Input your postal or ZIP code.

How to Save Changes

After entering all the required details, click the Save & Update button at the bottom-right corner. This ensures your information is securely saved and reflects in the system for future transactions.

Fields Overview

• Enter First Name & Last Name: Required fields to input your full name.
• Company Title: Optional, applicable for corporate billing scenarios.
• Email: Valid email address for communication purposes.
• Phone: A working phone number for contact.
• Address:
  • Country: Select your country.
  • City: Specify your city.
  • ZIP Code: Provide your postal/ZIP code.

Example Interface

Below is the visual representation of the Billing Detail section where students can input and update their details:

Favourites

The Favourites section allows students to save and manage a list of their preferred tutors for quick access and easy booking. This feature helps streamline the process of finding and scheduling sessions with tutors that students find most valuable.

Key Features

• View Saved Tutors:

  A list of all tutors marked as favorites will be displayed. Each entry includes the following details:

  • Tutor Name: Displayed prominently at the top of the card.
  • Languages: Shows the languages the tutor can speak (e.g., Arabic, Albanian, French).
  • Location: The tutor's country (e.g., Afghanistan, Angola, Algeria).
  • Ratings: A visual rating (e.g., 0.0/5.0).
• Manage Favourite Tutors:
  • View Tutor Profile: Click on the ellipsis menu (**...**) next to the tutor's name and select the View Profile option. This allows students to view detailed information about the tutor.
  • Remove from Favourites: If a tutor is no longer needed in the favorites list, use the ellipsis menu and select Remove from list to delete the tutor.

Example View

Below is an example of the Favourites section displaying saved tutors:

Find Tutors

The Find Tutors section allows students to discover and connect with qualified tutors who specialize in various subjects. Students can filter their search based on preferences, session types, and tutor details to ensure the best match for their academic goals.

Key Features

• Search Filters:
  • Session Type: Select from All Sessions, Private Sessions, or Group Sessions.
  • Subject and Budget: Choose a specific subject and set the fee range to match your budget.
  • Language: Filter tutors based on the languages they speak for seamless communication.
  • Keyword Search: Quickly find tutors by entering specific keywords (e.g., tutor name, subject, or expertise).
• Tutor Cards: Each tutor's profile card provides the following details:
  • Name and Photo: The tutor’s name and a professional image.
  • Expertise: Subjects or areas of focus the tutor specializes in.
  • Session Fee: The cost per session (e.g., $20.00/session).
  • Languages: List of languages the tutor can speak.
  • Active Students & Sessions: Current active students and total sessions conducted.
  • Introduction: A brief tutor bio outlining their experience and teaching philosophy.
• Book a Session:
  • Click on Book a Session to schedule a session with the tutor.
  • Send messages directly to tutors using the Send Message option for inquiries.

Additional Tips for Choosing the Right Tutor

Visual Example

Below is an example of the Find Tutors interface where students can browse, filter, and connect with tutors:

My Invoices

The My Invoices section enables students to keep track of their financial transactions and booking payments. Each transaction includes detailed information to ensure transparency and easy reference.

Key Features

• Invoice Overview:
  • Order ID: A unique identifier assigned to each invoice.
  • Date: Displays the date the transaction was processed.
  • Transaction ID: A specific reference code for payment identification.
  • Subject: The course or subject name booked for the session.
  • Tutor Name: The tutor associated with the session.
  • Amount: The total cost paid for the session.
  • Status: The completion status of the transaction (e.g., Complete).
• Filter Invoices: Use the Filter by dropdown menu located at the top-right to view invoices based on specific criteria, such as:
  • All Invoices
  • Completed
  • Pending
• Visual Layout: Each row of the table clearly separates details for easy readability, including the subject, date, tutor, and payment status.

Steps to View Invoice Details

1. Navigate to the My Invoices section in the student dashboard.
2. Review the list of transactions displayed in the table, organized by Order ID.
3. Use the Filter option to refine the list based on invoice status.

Invoice Table

Below is an example of the My Invoices table showcasing transaction details:

Messages Area

The Messages Area allows students to stay connected with tutors through a robust, real-time messaging system. This feature facilitates clear and seamless communication, ensuring a collaborative and interactive learning environment.

Key Features

• User List and Search:
  • On the left panel, you can view a list of all active conversations with tutors or other users.
  • Use the Search Bar to quickly find a tutor or student and start a new conversation.
• Real-time Chat:
  • Engage in interactive conversations with tutors using:
    • One-to-One Messaging: Private and direct messaging with tutors.
    • File Sharing: Upload and share files, including audio, video, documents, and images.
    • Voice Notes: Send recorded voice messages to communicate effectively without typing.
    • Instant Updates: Messages appear instantly in the chat window, ensuring real-time communication.
• Send Friend Requests:
  • Before initiating a chat, students can send friend requests to tutors or other users for approval.
• Message Notifications:
  • New message notifications and friend requests appear with icons and alerts, ensuring students do not miss important messages.
• Welcome Screen:
  • When no conversation is selected, a friendly welcome message is displayed in the center of the chat area, encouraging students to:
    • Start a new conversation.
    • Share ideas or questions with tutors.
    • Collaborate and engage with others.

Steps to Use the Messages Area

1. Go to the Messages section in your dashboard.
2. Select an active conversation from the user list or search for a tutor to start a new chat.
3. Type your message and click Send.
4. Share files, voice notes, or images directly within the conversation.
5. Check notifications for new messages or pending friend requests.

Visual Overview

Below is an example of the Messages Area showcasing active chats and a friendly welcome screen:

Wallet Balance

The Wallet Balance section allows students to monitor and manage their account credits. These credits can be used exclusively for purchasing new sessions, offering a streamlined and hassle-free payment experience.

Key Features

• View Current Balance:
  • The wallet displays the real-time balance available for use.
  • Credits are displayed in a clear format (e.g., $0.00).
• Usage of Wallet Balance:
  • Wallet credits can only be used to purchase new sessions.
  • Students cannot withdraw credits from their wallet.
• Automatic Deduction:
  • When booking a new session, available wallet credits are automatically applied to reduce the payable amount.
• Wallet Updates:
  • Wallet balance updates instantly upon successful payment or refund of session credits.
  • Transactions affecting the wallet balance are reflected in the "My Invoices" section.

Steps to Use Wallet Balance

1. Navigate to the Wallet Balance section in your dashboard to view the available credits.
2. When booking a session, ensure your wallet has sufficient balance for the payment.
3. During checkout, wallet credits are automatically applied to the session fee.
4. Review your updated wallet balance after completing the booking.

Note: Wallet credits are non-refundable and cannot be withdrawn for external use.

Sign Out

To securely log out of the "Lernen" platform, students can use the Sign Out option conveniently located in the dashboard's navigation menu.

Steps to Sign Out

1. Locate the Sign Out button:
   • It is positioned at the bottom left corner of the dashboard.
   • It is highlighted in a distinct red color for easy visibility.
2. Click on the Sign Out button:
   • Once clicked, the system will log you out securely.
3. Confirmation:
   • After signing out, you will be redirected to the login screen.
   • This ensures that your session is terminated and your data remains protected.

Why Secure Logout is Important

• Data Protection: Ensures that no unauthorized person can access your personal information.
• Session Security: Prevents any misuse of your account if you are on a shared device.
• Automatic Termination: Closes your active session to avoid leaving it unattended.

Additional Note

For added security, students are encouraged to:

• Always sign out after completing their tasks on the platform.
• Clear browser cache and history, especially when using a public or shared computer.

This documentation provides a comprehensive overview of the "Lernen" platform's Student Dashboard, making it easier for students to navigate and utilize all features effectively, including securely signing out.