KLE Society’s
KLE Technological University
An Industry Training Report
On
E - LEARNING SYSTEM
USING LARAVEL AND MYSQL
Submitted in partial fulfillment of the requirement for the degree of
Bachelor of Engineering in Computer Science and
Engineering
Submitted By
Name: SHIVANAND P EKBOTE
USN: 01FE22BCS428
Under the Guidance of
Ms.Neha Panchal
COMPUTER SCIENCE & ENGINEERING,
HUBBALLI – 580 031 (India)
Academic Year 2024–25
B. V. Bhoomaraddi College Campus, Vidyanagar, Hubballi - 580031
Karnataka (India)
COMPUTER SCIENCE AND ENGINEERING
Certificate
This is to certify that Industry Training entitled "E-Learning System using Laravel and
MySQL" is a bonafide work carried out by the student Mr. SHIVANAND P EKBOTE
bearing USN 01FE22BCS428 in partial fulfillment of the completion of 8th semester B.E.
course during the year 2024–25 at KRISHIKA INFOTECH,HUBBLLI. The Industry Train-
ing report has been approved as it satisfies the academic requirement with respect to the
training work prescribed for the above said course.
Name of the Guide(s) HoD
Ms.Neha Panchal
Name of the examiners Signature with date
1 ————————– 1 ————————–
2 ————————– 2 ————————–
Certificate
May, 31th , 2025
EXPERIENCE LETTER
To Whom It May Concern,
This is to certify that SHIVANAND P EKBOTE has successfully completed an internship
at KRISHIKA INFOTECH as a Trainee Software Developer from January 2025 to May
2025.
Throughout the internship period, the candidate was involved in real-time software
development projects, including backend development using Laravel, frontend design
with HTML, CSS, and JavaScript, and database management using SQL and DBMS
concepts. The intern demonstrated solid technical skills, logical thinking, and consistent
dedication to the assigned tasks.
The performance and conduct during the internship were found to be satisfactory and
professional
We acknowledge and appreciate the efforts put forth during the internship and wish the
intern success in all future endeavors.
Yours sincerely,
Sarvesh Bhinge
CEO- Krishika Infotech
www.krishikainfotech.com
+91 8431571338 hr@krishikainfotech.com #9 Shimpi Galli, Musale
commercial complex, Hubli-
580028
www.krishikainfotech.com
Declaration
I hereby declare that the Industrial Training Report entitled "E-Learning System using
Laravel and MySQL" is an authentic record of my own work as requirements of Industry
Training during the period from January 2025 to May 2025 for the award of the degree of
B.E. Under the guidance of Ms.Neha Panchal.
Date: (Signature of student)
Shivanand P Ekbote
USN:01FE22BCS428
2
Acknowledgement
The satisfaction and euphoria that accompany the successful completion of any task
would be incomplete without the mention of a number of individuals whose professional
guidance and encouragement helped me in the successful completion of this report work.
I also take this opportunity to thank Dr. Vijaylakshmi M, Professor and Head,
Department of Computer Science and Engineering for having provided us academic
environment which nurtured our practical skills contributing to the success of our project.
I sincerely thank our guide Ms.Neha Panchal for her guidance and wholehearted
co-operation during the course of completion.
I sincerely thank Sarvesh Bhinge, Krishika Infotech for his support, inspiration and
wholehearted co-operation during the course of completion.
My gratitude will not be complete without thanking our beloved parents, our seniors and
our friends who have been a constant source of aspirations.
3
About Company
Krishika Infotech is a software-oriented company established in 2022 by Sarvesh Bhinge.
The company specializes in developing innovative software solutions including Points of
Sale (POS) systems, Learning Management Systems (LMS), digital marketing software,
and website development services.
Krishika Infotech is committed to delivering high-quality, efficient, and user-friendly
software products tailored to meet the needs of various businesses. The company focuses
on leveraging modern technologies to help clients improve their operational efficiency and
expand their digital presence.
With a vision to be a leading software solutions provider, Krishika Infotech empha-
sizes innovation, customer satisfaction, and continuous improvement. Its expertise spans
multiple domains, enabling it to serve a diverse clientele with customized and scalable
solutions.
This project contributes to Krishika Infotech’s goal of expanding its portfolio of dynamic
and interactive web applications, aligning with the company’s mission to provide cutting-
edge technology services.
4
Contents
1 Introduction 6
2 Tools and Technologies Used 7
3 Projects 10
3.1 Personal Portfolio Website . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.2 Feedback Form with Form Validation . . . . . . . . . . . . . . . . . . . . 10
3.3 Login-Registration System with Password Hashing . . . . . . . . . . . . . . 11
3.4 Basic Blog Website . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.5 Online Quiz Application . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
4 Results and Discussions 14
4.1 Personal Portfolio Website Results . . . . . . . . . . . . . . . . . . . . . . 14
4.2 Feedback Form with Validation and Storage Results . . . . . . . . . . . . . 15
4.3 Login and Registration System with Validation and Security Results . . . . 16
4.4 Blog Website Results . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.5 Online Quiz System Results . . . . . . . . . . . . . . . . . . . . . . . . . . 21
5 Conclusion and Future Scope 25
6 References 27
5
Chapter 1
Introduction
The field of software development is changing quickly, necessitating the need for qualified
experts who can manage challenging projects effectively. Before beginning large initiatives,
recent graduates entering this setting must first establish a solid basis through organized
training. By bridging the gap between academic knowledge and industrial demands, train-
ing helps new hires get real-world experience, hone their technical skills, and comprehend
workflows.
More than just theoretical knowledge is needed to make the shift from academic study
to practical software development. Employers in the cutthroat IT sector of today demand
job-ready workers who can make valuable contributions to active projects right away.
But as recent grads, we frequently lack the real-world experience required to directly
address large-scale applications. Our training program was purposefully created to fill this
knowledge gap by introducing us to the professional development workflow, beginning with
fundamental ideas and working our way up to more intricate systems.
In order to familiarize us with actual development tools, teamwork, and problem-solving
strategies, the training attempted to replicate an industry-like setting. It provided a sys-
tematic learning path that progressed from the creation of basic static and dynamic web-
pages to the creation of fully complete web applications. In addition to increasing our
coding skills, this practical method helped us better comprehend software design, version
control, UI/UX requirements, and testing protocols.
In addition to creating individual projects, the goal was to promote good coding stan-
dards, foster a problem-solving approach, and teach industry-standard technologies like
Visual Studio Code, Git, and local servers like XAMPP. Through Laravel, we also learned
about MVC architecture, which helped us develop code that is scalable and maintainable.
To sum up, this industrial training was an essential first step that helped close the
knowledge gap between classroom instruction and actual project management. It gave
us the technical and teamwork abilities necessary for professional software development,
which set the foundation for our successful contribution to the LMS project.
6
Chapter 2
Tools and Technologies Used
During the course of our industrial training, we were introduced to a diverse set of tools and
technologies. These formed the backbone of our learning journey, enabling us to progress
from fundamental concepts to the implementation of a complete Learning Management
System (LMS). The tools and technologies used can be categorized into programming
languages, development frameworks, databases, and supporting utilities.
1. HTML (HyperText Markup Language)
HTML was the first web technology we were introduced to. It is the standard markup
language for creating web pages. We learned how to:
• Structure content using elements like <head>, <body>, <div>, and <form>.
• Add headings, paragraphs, tables, and forms.
• Link pages and embed media.
2. CSS (Cascading Style Sheets)
CSS was used to style the HTML content. We were taught how to:
• Apply styles using classes, IDs, and inline styles.
• Use layout techniques like Flexbox and Grid.
• Customize forms, buttons, and tables to improve user interface.
3. JavaScript
JavaScript introduced us to interactivity in web applications. Topics covered included:
• DOM manipulation.
• Basic input validation and dynamic content loading.
• Use of events, functions, and objects.
7
4. PHP (Hypertext Preprocessor)
PHP was our primary backend language during training. We learned how to:
• Handle form submissions and retrieve data from databases.
• Implement login and registration systems.
• Manage sessions and cookies for authentication.
5. MySQL
MySQL was used for database management. We gained hands-on experience with:
• Creating databases and tables.
• Writing basic to intermediate SQL queries.
• Performing CRUD (Create, Read, Update, Delete) operations.
6. XAMPP
XAMPP was used as a local server environment to run PHP and MySQL. It helped us
test our applications in a real-time simulation.
7. Git and GitHub
We were introduced to version control with Git and GitHub. This helped us:
• Track changes in our code.
• Collaborate with teammates using repositories.
• Learn basic commands like clone, commit, push, and pull.
8. Laravel Framework (for Final Project)
Laravel was used in the final LMS project to speed up backend development and implement
advanced functionalities. With Laravel, we:
• Applied the MVC (Model-View-Controller) architecture.
• Built RESTful routes, controllers, and models.
• Integrated authentication, middleware, and validation.
8
9. Bootstrap
To improve the frontend design, we used Bootstrap, a popular CSS framework. It helped
us:
• Build responsive layouts quickly.
• Use pre-designed components like modals, navbars, and cards.
• Maintain visual consistency across pages.
10. Visual Studio Code
VS Code was our main code editor. It provided us with:
• Syntax highlighting and code completion.
• Integrated terminal for running PHP and Git.
• Extensions for Laravel, PHP, and HTML/CSS development.
Overall, these tools and technologies were not only essential for completing our final
project but also provided us with practical industry-level experience, preparing us for real-
world web application development.
9
Chapter 3
Projects
3.1 Personal Portfolio Website
Introduction
This project involves designing a personal portfolio website that showcases an individual’s
profile, skills, projects, and contact details. It serves as a digital résumé and is commonly
used by developers and designers to present their work to potential employers or clients.
Objectives
• Create a structured layout with sections for About, Skills, Projects, and Contact.
• Practice the use of semantic HTML for content organization.
• Apply CSS styling to build a visually appealing and responsive design.
• Implement smooth navigation using internal links and layout divisions.
Overview
The project was created using HTML and CSS. It introduced the concept of responsive
web design, ensuring the layout adapts to different screen sizes (mobile, tablet, desktop).
Internal linking was used for navigation between sections, and basic form elements were in-
tegrated in the contact section. Media queries and Flexbox/Grid were explored to improve
layout flexibility and alignment across devices.
Learning Outcome
This project strengthened the foundational understanding of HTML structure and CSS
styling. It emphasized page layout, responsive design principles, and clean UI development
— skills essential for all future web-based projects.
3.2 Feedback Form with Form Validation
Introduction
This project focuses on developing a feedback collection system where users can submit
their opinions or suggestions via a form. It is an essential feature in many real-world
10
applications to gather user insights and improve services.
Objectives
• Design a form to collect user details and feedback.
• Validate form inputs before submission to improve data quality.
• Store the submitted feedback securely in a database.
• Display confirmation messages and handle errors gracefully.
Overview
The form was built using HTML, styled using CSS, and made interactive with basic
JavaScript for client-side validation. PHP was introduced to handle form submissions,
and the collected data was stored in a MySQL database. This project introduced the fun-
damentals of server-side scripting, form processing, and database interaction, laying the
groundwork for dynamic application development.
Learning Outcome
This project marked the transition from static to dynamic web development. It pro-
vided hands-on experience with form validation, PHP scripting, and database connectiv-
ity—skills essential for building real-time user-driven applications.
3.3 Login-Registration System with Password Hashing
Introduction
This project focuses on developing a basic user authentication system that allows new users
to register and existing users to log in securely. The system ensures password protection
using hashing techniques and demonstrates core concepts of user session management.
It represents a foundational component for any dynamic web application that requires
controlled user access.
Objectives
• Enable user registration with essential credentials (name, email, password).
• Implement secure password storage using hashing techniques.
• Authenticate users during login using server-side validation.
• Maintain user sessions for personalized access control.
• Provide logout functionality to securely end user sessions.
11
Overview
The project involves creating registration and login forms using HTML and styling them
with CSS. On submission, PHP scripts process and validate the inputs, and passwords
are securely hashed using the password_hash() function before being stored in a MySQL
database. The login system then uses password_verify() to authenticate users and PHP
sessions to manage login state. This project introduces server-side password security and
session handling, which are essential for real-world web applications.
Learning Outcome
Through this project, important backend development practices were learned, particularly
those involving user authentication, password encryption, and session-based access control.
It enhanced understanding of secure coding standards and laid the groundwork for building
secure, user-oriented platforms.
3.4 Basic Blog Website
Introduction
This project involves creating a simple blogging platform where users can create, read,
update, and delete blog posts. It simulates a real-world blogging application and helps in
understanding the basics of dynamic web development.
Objectives
• Implement CRUD (Create, Read, Update, Delete) operations for blog posts.
• Design and interact with a MySQL database to store blog content.
• Use PHP to handle server-side scripting and manage data flow.
• Style the website using CSS for a clean and responsive user interface.
• Introduce JavaScript for enhancing user interaction and client-side validation.
Overview
The website uses HTML for structure, CSS for styling, and JavaScript for client-side
interactivity. PHP processes form data and communicates with the MySQL database
to store and retrieve posts. This project emphasizes understanding how front-end and
back-end technologies work together to create a dynamic website.
Learning Outcome
This project provided practical experience in web application development, including
database integration, server-side programming, and client-server interaction. It laid the
foundation for more complex applications by teaching the core concepts of managing dy-
namic content.
12
3.5 Online Quiz Application
Introduction
This project aims to build an online quiz system where users can take quizzes and receive
immediate feedback on their performance. It simulates an assessment platform commonly
used in e-learning environments.
Objectives
• Create a quiz interface that displays multiple-choice questions.
• Implement timer functionality to limit quiz duration.
• Capture and evaluate user responses automatically.
• Store quiz results and user scores in the database.
• Provide instant feedback and score reports to users.
Overview
The project utilizes HTML and CSS for the user interface, JavaScript to handle quiz
logic and timing, and PHP for backend processing and data management. MySQL stores
quiz questions and user results. This project introduces the integration of client-side and
server-side scripting for real-time interactivity.
Learning Outcome
This project enhanced skills in dynamic content generation, client-server communication,
and real-time user interaction. It also demonstrated how to manage timed events and
automate evaluation processes within web applications.
13
Chapter 4
Results and Discussions
4.1 Personal Portfolio Website Results
The snapshots below demonstrate user interface design, form functionality, database inte-
gration, and project organization.
Figure 1: Portfolio Website - About Me & Projects Section
Figure 1 displays the "About Me" and "Projects" sections from the personal portfolio
website. The section introduces the developer along with a brief bio and a profile picture.
The skills listed include HTML, CSS, JavaScript, React, and Node.js. Below this, the
"Projects" section presents a showcase of three sample projects, each with a title, a short
description, and a "View More" button for detailed exploration.
Figure 2: Portfolio Website - Contact Me Section
Figure 2 illustrates the "Contact Me" section of the portfolio website. It features
a clean, user-friendly form allowing visitors to submit their name, email address, and
message. Below the form, social media icons linking to LinkedIn, GitHub, and Twitter
provide alternate channels for communication.
14
4.2 Feedback Form with Validation and Storage Results
Figure 3: Feedback Form Interface
Figure 3 presents the actual feedback form as it appears to users prior to submission. The
form includes clearly labeled input fields for full name, email, subject, and message. A
prominent "Submit Feedback" button is included at the bottom, and the form layout is
optimized for usability and responsiveness.
Figure 4: Feedback Form - Submission Confirmation
Figure 4 shows the confirmation page users see after submitting feedback through the
feedback form. It displays a personalized thank-you message, the feedback details (name,
email, subject, and message), and a link to submit another response. This page confirms
that the feedback was successfully received and processed.
15
Figure 5: phpMyAdmin - Feedback Table View
Figure 5 displays the backend storage confirmation via the phpMyAdmin interface. The
screenshot shows the ‘feedback‘ table in the MySQL database, listing the stored feedback
entries with columns such as ID, Name, Email, Subject, Message, and Timestamp. This
confirms that all submitted feedback is accurately recorded in the database.
4.3 Login and Registration System with Validation and
Security Results
Figure 6: User Registration Form with Real-time Validation
Figure 6 displays the user registration form, which allows users to enter their name, email,
and password to create a new account. The form includes real-time validation, immediately
notifying users if the entered email is already in use (e.g., “This email is already taken.”).
This improves user experience and enforces unique account creation.
16
Figure 7: Login Page Interface – Secure Credential Entry
Figure 7 illustrates the login form where users input their registered email and password
to access the system. The interface is designed with simplicity and responsiveness in mind.
Error handling is also implemented to guide users when incorrect credentials are entered.
Figure 8: Successful Login – Personalized Welcome Screen
Figure 8 shows the interface following a successful login attempt. The user is greeted
with a personalized message that confirms login and displays the user’s name. A "Logout"
button is provided, demonstrating secure session management and enabling users to safely
terminate their sessions.
Figure 9: phpMyAdmin – User Table with Hashed Passwords
Figure 9 shows the MySQL ‘users‘ table inside phpMyAdmin. It contains essential user
information, such as ID, name, email, and the password, which is securely stored using a
17
hashing algorithm. This verifies successful data insertion, secure password handling, and
complete backend integration.
4.4 Blog Website Results
The following images demonstrate each core functionality of a simple blog website —
Create, Read, Update, Delete — along with corresponding changes in the MySQL database.
This project highlights how client-side and server-side technologies interact to perform full-
stack operations dynamically.
Figure 10: Create Operation – Submitting a New Blog Post
This image displays the "New Post" form where users can input a title and content to
create a new blog post. On submission, the data is validated and then stored in the
MySQL database using PHP, confirming the success of the Create operation.
Figure 11: Read Operation – Blog Listing Interface
18
The Read operation is shown here, displaying all stored blog posts from the database.
Each entry includes a title, short content preview, and options for editing or deleting the
post.
Figure 12: Update Operation – Editing an Existing Post
This screenshot shows the update (Edit) feature, where users can modify the content or
title of an existing blog post. Once submitted, the updated data is written back to the
database, ensuring changes are persistent.
Figure 13: Delete Operation – Removing a Blog Post
This image shows the Delete functionality. A user can delete a specific blog post, which is
immediately removed from the interface and the database. Database Integration
19
The following images show the MySQL ‘posts‘ table in phpMyAdmin before and after
deleting a blog post. They confirm the effectiveness of Create and Delete operations at the
database level.
Figure 14: phpMyAdmin View – Posts Table Before Deletion (Entry Added)
This screenshot confirms that new blog post data has been successfully inserted into the
database. It shows fields like ‘id‘, ‘title‘, ‘content‘, and ‘timestamp‘ in the ‘posts‘ table.
Figure 15: phpMyAdmin View – Posts Table After Deletion (Entry Removed)
Here, the deleted blog post no longer appears in the database table, validating that the
deletion operation was successfully executed and reflected in persistent storage.
20
4.5 Online Quiz System Results
Figure 16: Login Page
The user is presented with a login form requiring a username and password. This secure
entry point ensures only registered users can access the quiz system.
Figure 17: User Dashboard
After logging in, users see a dashboard displaying available quizzes, their progress, and
scores. This central hub provides easy navigation and status overview.
21
Figure 18: Quiz Interface
During the quiz, users answer multiple-choice questions with a timer displayed. The inter-
face ensures a smooth experience, with navigation controls to move between questions.
Figure 19: Quiz Results
Upon completion, users receive immediate feedback showing their score and correct an-
swers, enabling them to assess their performance effectively.
22
Figure 20: Admin Dashboard
Administrators can manage quizzes, questions, and users through this panel. It offers
controls for creating, updating, and deleting quiz content to maintain system integrity.
Figure 21: Manage Quizzes
Admins add new quizzes or edit existing ones, setting titles, descriptions, and timers. This
interface supports CRUD operations on quizzes, ensuring dynamic content management.
23
Figure 22: Manage Questions
Within a quiz, admins add, modify, or delete questions and answer options. The system
validates correct answers for automatic scoring.
24
Chapter 5
Conclusion and Future Scope
Conclusion
The industrial training program has been a critical step in our development as aspiring
software engineers.We began with fundamental ideas and resources and worked our way
up to fully functional web application development. We gained an understanding of how
academic information is applied in the real world through practical experience and small
initiatives.
We successfully finished a number of projects at the beginning and intermediate levels
that strengthened the foundations of front-end and back-end technologies. In the end, we
developed a Learning Management System (LMS) that combined course administration,
dynamic content rendering, and user authentication using Laravel and MySQL.
This training experience not only enhanced our coding skills but also taught us about
version control, teamwork, and structured project planning. Throughout the training, we
were able to:
• Get practical experience using essential tools like Laravel, PHP, MySQL, JavaScript,
CSS, and HTML.
• Study software development processes such as version control, modular coding, and
debugging.
• successfully finish beginner and intermediate projects that helped us understand the
fundamentals of web development, such as the Voting System, Contact Manager, Job
Portal, and Portfolio Website.
• Create a useful and practical learning management system by combining user roles,
data linkages, dynamic content, and front-end and back-end logic.
Future Scope
Enhancements to LMS
• Integration of video lectures and live classes.
• Adding feedback and rating mechanisms for courses.
• Auto-generation of certificates upon course completion.
• Improving the UI for better mobile compatibility.
25
• Admin dashboard analytics using data visualization.
Professional Development
• Explore advanced technologies like Php.
• Contribute to open-source projects on GitHub.
• Deploy projects on cloud platforms like AWS or Heroku.
• Participate in coding competitions and hackathons.
• Build mobile apps using Flutter or React Native.
The journey doesn’t end with this training—it’s the beginning of lifelong learning in
the tech domain.
26
Chapter 6
References
During the course of this training, several resources were used to gain practical knowledge
and implement the project. These include documentation, books, tutorials, and online
platforms. The references are listed below:
Web Resources
• https://www.w3schools.com – Basic tutorials on HTML, CSS, JS, PHP.
• https://developer.mozilla.org – In-depth reference on web standards.
• https://www.geeksforgeeks.org – Concepts and practice problems.
• https://stackoverflow.com – Community-based solutions.
• https://laravel.com/docs – Official Laravel documentation.
• https://dev.mysql.com/doc/ – MySQL database documentation.
• https://www.tutorialspoint.com/ – General programming tutorials.
Online Courses
• YouTube – Channels: Traversy Media, CodeCourse, The Net Ninja.
27
