🧑‍🏫E-Tutor - E-Learning Saas Template

TRANSFORM YOUR INCOME EXPERTISE WITH E-TUTOR, THE ONLINE COURSE TEMPLATE DESIGNED FOR FREELANCE TEACHERS.

📸 Photos 📸

👀 Model Overview 👀

Easy registration, intuitive dashboard for users, instructors and administrators, clean design and totally responsive. Take advantage of a fast price calculation system including taxes and coupons, and much more to simplify the creation and sale of your online courses!

⚡️ Features ⚡️

• Easy Sign-Up and Login

Simplify access to the platform with an intuitive sign-in and login page for all users.

• User Dashboard

Easily manage your purchased courses, track your progress and access your favorite content via a user-friendly dashboard.

• Instructor Dashboard

Publish and manage your courses, track sales and interact with students through a comprehensive and intuitive dashboard.

• Administrator Dashboard

Monitor the entire platform, manage users and courses, and access detailed statistics for effective administration.

• Clean and Totally Responsive Design

Enjoy a modern and clean design that fits perfectly on all devices, providing an optimal user experience.

• Quick Style System

Get more done with an integrated style system that speeds up the creation and management of your content.

• Calculation of the final price with taxes and coupons

Offer transparent and competitive prices with an automatic system of integrating taxes and coupons in the calculation of the final price.

• Full Documentation

Access detailed documentation that covers all the platform’s features, making it easy to get started and use.

• Reactive Support

Get responsive and professional technical support to quickly resolve all your questions and concerns.

📄 Pages 📄

Index

The E-Tutor platform homepage offers an overview of popular courses, featured instructors, and new updates. This is the starting point to explore the offers and discover the platform’s features.

Shopping_Cart

This page displays all the courses added by the user to his cart. It allows you to apply discount coupons and see the total to pay before proceeding with the payment.

Checkout

The checkout page allows users to complete their purchase.

Instructor_Dashboard

The instructor dashboard allows them to manage their courses, track sales, interact with students, and access performance statistics.

Student_Dashboard

The users dashboard displays purchased courses, progress of current courses and allows you to manage account settings.

Admin_Dashboard

The administrator dashboard allows you to supervise the entire platform. They can manage users, prices, transactions and access detailed analyses.

Single_Course

This page details a specific course, including the syllabus, learning objectives, student feedback and instructor information.

Watch_Course

The viewing page allows users to access the content of courses they have purchased. They can watch the videos, download resources and track their progress.

Sign_Up

The registration page allows new users to create an account on the platform by entering their personal information and preferences.

Sign_In

The login page allows existing users to log in to their account using their email address and password.

Course_List

This page displays a complete list of all courses available on the platform. Users can filter courses by category, level, price and title.

Instructor_List

This page presents all the instructors registered on the platform, with a search feature to find an instructor by name

Career

The job opportunities page details available positions at E-Tutor, required qualifications and benefits offered.

Contact

The contact page allows users to ask questions, request help or provide feedback via a contact form.

FAQ

The FAQ page provides answers to frequently asked questions from users, covering various aspects of using the platform.

Instructor_Profile

This page details the profile of a specific instructor, including his or her biography, the courses he offers and student reviews.

404

The 404 page is displayed when the user tries to access a non-existing page. It offers links to the main sections of the site to help you find your way back.

Reset_Pw

This page allows users to reset their password.

About

The "About Us" page presents the history, mission, values and team behind E-Tutor, giving an insight into the company.

Job_Details

This page provides specific details about a particular job offer at E-Tutor, including responsibilities, qualifications required and an application form.

♻️ Reusable Element ♻️

Header

The header is a reusable element present on all pages of the platform. It includes a search box that allows users to quickly find courses, as well as navigation buttons for easy access to main pages such as the home, Courses, instructors, dashboard and login/sign-in pages.

Footer

The footer is a reusable element located at the bottom of each page. It features various navigation links leading to important pages like "About us", "Contact", "FAQ", "Careers", and social networks.

⚙️ Workflows ⚙️

Color

• Blue - Blue is used for workflows involving navigation, such as redirects to other pages or links.

• Green - Green indicates workflows involving the database, such as creating or updating data in the database or the registration/connection system.

• Red - Red indicates workflows that have an impact on deleting data or resetting values.

• Orange - Orange is reserved for visual elements, such as showing or disappearing pop-ups, floating groups, and other such interactive elements.

• Purple - This color is reserved for elements related to APIs and Plugins

• Cyan - The Cyan color indicates specific interactions triggered by custom events or custom states

• Brown - Brown is use for email send

• Gray - Grey is use for all workflows who limites features and are in relation with Data Type Access✅

Folders

Folders are also a good way to organize your workflows by subject. In this example, all workflows are distributed in a specific Folders. If you click on the Folders Database, you will find all the workflows interacting with the Database.

🗂️ Datatypes 🗂️

User

Field Name	Type	Note
First Name	text	Contains the user’s first name
Last Name	text	Contains the user’s last name
Profession	text	Contains the user’s profession
Photo	image	Contains the user's profile photo
Terms	yes/no	Determines whether the user agrees to the platform terms and conditions
Instructor	Instructor ID	Contains the Instructor ID if this user is an instructor
Wishlist	List of Courses	List of Courses liked by the user
Courses Completed	List of Courses	List of Courses completed by the user
Courses Purchased	List of Courses	List of Courses purchased by the user
Lectures Finished	List of Lectures	List of Lectures finished by the user
Status	User Status (Option Sets)	Contains the user’s account type
Verification Code	text	Contains the verification code received by the user
Verified	yes/no	Indicates whether the user’s account has been verified or not
Expiration Code	date	Contains the verification period

Instructor

Field Name	Type	Note
Biography	text	Contains the instructor's biography
Completed	yes/no	Determines if the instructor profile is complete
Demo ⚠️	yes/no	Determines if it is a demo account
Facebook	text	Contains the link to the instructor’s facebook page
Instagram	text	Contains the link to the instructor’s instagram page
Linkedin	text	Contains the link to the instructor’s linkedin page
Twitter	text	Contains the link to the instructor’s twitter page
Youtube	text	Contains the link to the instructor’s youtube channel
Whatsapp	text	Contains the link to the instructor’s whatsapp
Website	text	Contains the link to the instructor’s website
Notifications	List of Notifications	Contains notifications that concern the instructor’s activity
Students	List of Users	Contains the list of users who have purchased courses from this instructor
Phone	number	Contains the instructor’s phone number

Courses

Field Name	Type	Note
Title	text	Contains the course title
Trailer Video	text	Contains the link to the course presentation video
Thumbnail	image	Contains the course thumbnail
Coupon	number	Contains the discount that may be applied to the price of the course
Demo ⚠️	yes/no	Determines if it is a demo course
Teach	List of text	Contains the list of main elements that will be taught in this course
Audience	List of text	Contains the list of target audience for this course
Requirements	List of text	Contains the list of prerequisites to take this course
Subtitle	text	Contains the course subtitle
Sub-Category	Course Sub-Category	Contains the subcategory in which this course is located
Students	number	Contains the number of users who have purchased this course
Status	Course Status	Determine whether the course is in draft, verification, rejected or published
Price	number	Contains the course price
Description	text	Contains the course description
Duration	Course Duration	Contains the course duration
Language	Course Language	Contains the course language
Level	Course Level	Contains the course level

Section

Field Name	Type	Note
Course	Course ID	Contains the course ID where this section will be integrated
Name	text	Contains the name of the section

Lecture

Field Name	Type	Note
Course	Course ID	Contains the course ID where this lecture will be integrated
Description	text	Contains the description of the lecture
Lecture File	File	Contains the document related to this lecture, which can be downloaded by the user
Section	Section ID	Contains the ID of the section in which this lecture is located
Title	text	Contains the title of this lecture
Video Link	text	Contains the link to the video of this lecture

Coupon

Field Name	Type	Note
Code	text	Contains the coupon code
Value	number	Contains the value of the coupon code

Cart

Field Name	Type	Note
Course	Course ID	Contains the course place in the shopping cart by the user
Coupon Code	text	Contains the the coupon code used by the user
Coupon	number	Contains the value of the coupon used by the user in percent (%)
Demo ⚠️	yes/no	Determines if it is a demo cart
Fees	number	Contains the commission that goes to the platform
Discount	number	Contains the value of the coupon used by the user formatted in number
Taxes	number	Contains the tax to be paid by the client (20% of the subtotal)
Ordered	yes/no	Indicates whether this shopping cart has been ordered or not
Subtotal	number	Contains the total of the shopping cart (excluding other fees)

Order

Field Name	Type	Note
Client Total	number	Contains the total amount to be paid by the customer
Instructors	List of Instructors	Contains the list of instructors affected by this command
Cart	List of Carts	Contains all the details of the shopping cart ordered
Demo ⚠️	yes/no	Determines if it is a demo order

Course Reviews

Field Name	Type	Note
Course	Course ID	Contains the Course that has been rated
Comments	text	Contains the comment left by the user
Rating	number	Contains the note left by the user
Demo	yes/no	Determines if it is a demo course review

Instructor Review

Field Name	Type	Note
Instructor	Instructor ID	Contains the Instructor that has been rated
Comments	text	Contains the comment left by the user
Rating	number	Contains the note left by the user

Job

Field Name	Type	Note
Address	text	Contains the exact address for this position
Benefits	List of text	Contains the list of benefits for this position
City	text	Contains the city for this position
Country	text	Contains the country for this position
Deadline	date	Contains the deadline to apply for the job
Description	text	Contains the description of the job
Job Type	Job Type (Option Set)	Contains the type of job (Full Time, Part Time, Flex Time)
Max Salary	number	Contains the maximum salary for this position
Min Salary	number	Contains the minimum salary for this position
Publish	yes/no	Determines if the ad is published on the platform
Requirements	List of text	The list of prerequisites to apply for this position
Title	text	Contains the job title

Lecture Comments

Field Name	Type	Note
Comments	text	The user’s comment in relation to a lecture
Lecture	Lecture ID	The lecture concerned by this comment

Lecture Replpy

Field Name	Type	Note
Lecture	Lecture ID	Contains the lecture affected by this response
Lecture Comments	Lecture Comments ID	Contains the comment to which the instructor responds
Reply	text	Contains instructor response

Notifications

Field Name	Type	Note
Category	Notifications Category (Option Set)	Contains the type of notifications that will be received (Purchase, Reviews, Comments)
Message	text	The message that will be sent to the recipient
Recipients	List of Users	The list of users who will receive this notification

🔗 Option Sets 🔗

Admin Dashboard

Attributes

• Display (text)

• Icon (text)

• Home

• Courses

• Instructors

• Users

• Orders

• Reviews

• Jobs

• Settings

Course Category

Attributes

• Display (text)

• Icon (text)

• Icon Color (text)

• Background Color (text)

• IT & Software

• Finance & Accounting

• Music

• Marketing

• Design

• Photography & Video

• Health & Fitness

• Business

Course Duration

Attributes

• Display (text)

• 6-12 Months

• 3-6 Months

• 1-3 Months

• 1-4 Weeks

• 1-7 Days

Course Language

Attributes

• Display (text)

• French

• English

• Spanish

• German

• Portuguese

Course Level

Attributes

• Display (text)

• Beginner

• Intermediate

• Expert

Course Status

Attributes

• Display (text)

• Icon (text)

• Icon Color (text)

• Background Color (text)

• Draft

• Verification

• Published

• Rejected

Course Sub-Category

Attributes

• Display (text)

• Course Category (Category)

• Web Development

• Cybersecurity

• IA & Machine Learning

• Big Data

• Project Management

• Entrepreneurship

• Human Resource

• Business Strategy

• Composition and Theory

• Music Production

• Instruments

• Song and Voice

• General Accounting

• Investment

• Financial Management

• Fiscality

• Digital Marketing

• Marketing Strategy

• Network Marketing

• Publicity

• Graphic Design

• UX/UI Design

• Interior Design

• Products Design

• Photography

• Video

• Equipment

• Advanced Techniques

• Fitness Training

• Nutrition & Dietetics

• Mental Health

• Well-being & Life Style

Create/Edit Course Tab

Attributes

• Display(text)

• Icon (text)

• Basic Information

• Advance Information

• Curriculum

Category

Attributes

• Display (text)

• Living Room

• Bedroom

• Bathroom

• Dinning

• Outdoor

• Kitchen

Instructor Dashboard

Attributes

• Display (text)

• Icon (text)

• Dashboard

• Create New Course

• My Courses

• Earning

• Settings

Job Type

Attributes

• Display (text)

• Full Time

• Part Time

• Flex Time

My Course Tab

Attributes

• Display (text)

• Search

• Edit Course

• View Details

Notifications Settings

Attributes

• Display (text)

• I want to know who buy my course.

• I want to know who write a review on my course.

• I want to know who commented on my lecture.

• I want to know who download my lecture notes.

• I want to know who replied on my comment.

• I want to know daily how many people visited my profile.

• I want to know who download my lecture attach file.

Notifications Category

Attributes

• Display (text)

• Icon (text)

• Purchase

• Reviews

• Comments

Students Dashboard

Attributes

• Display (text)

• Dashboard

• Courses

• Wishlist

• Purchase History

• Settings

Users Status

Attributes

• Display (text)

• Demo

• Admin

🔌 Plugins 🔌

I advise you to install these plugins when using the template.

Feather Icons

Free (By Airdev)

Animated Rating Stars

Free (By Zerocode)

Chart Element

Free (By Bubble)

Air Copy To Cilpboard

Free (By Zerocode)

Reveal & Hide Password

Free (By Zerocode)

Rich Text Editor

Free (By Bubble)

Toolbox

Free (By Misha V)

Iconify

Free (By Pticon)

Iconify

Free (By Bubble)

Support❓

Your satisfaction is my priority. Do not hesitate to contact me if you have any questions or problems.

Language :

🇪🇸 🇫🇷 🇬🇧

Contact me :

📨 [e-mail]

Website

Next.js and Supabase Starter Kitbrikl.co