full-stack-web-development
full-stack-web-development
An Internship Report
On
“MCQ Test Taking Platform”
In Association with
Tequed Labs
CERTIFICATE
This is to certified that the Internship entitled “MCQ Test Taking Platform” is a bonafide work
carried out by Brunda S[4GW19IS009] impartial fulfillment for the award of degree of Bachelor of
Engineering in Information Science and Engineering of the Visvesvaraya Technological University,
Belagavi during the year 2022-23.The Internship report has been approved as it satisfies the academic
requirements with respect to the Internship Work prescribed for Bachelor of Engineering Degree.
External Viva
1.
2.
ACKNOWLEDGEMENT
The joy and satisfaction that accompany the successful completion of any task would be incomplete
without the mention of the people who made it possible.
First and foremost, I offer my sincere phrases of thanks to Smt. Vanaja B Pandit, Hon. Secretary,
GSSSIETW and the management of GSSSIETW, Mysuru for providing help and support to carry out
the project.
I would like to express my gratitude to our Principal, Dr. Shivakumar M for providing us a congenial
environment for engineering studies and also for having showed us the way to carry out the project.
I consider it a privilege and honor to express sincere thanks to Dr. Gururaj K S, Professor and Head,
Department of Information Science and Engineering for his support and invaluable guidance throughout
the tenure of this project.
I would like to thank our Mr. Supreeth Y S, Business Development Executive FTChamps Software
Private Limited, whose contribution in stimulating suggestions and encouragement helped us to
coordinate and complete our project.
I would like to thank my Guide Mrs. Padmaja K, Assistant Professor, Department of Information
Science and Engineering for her support, guidance, motivation, encouragement for the successful
completion of this project.
I intend to thank all the teaching and non-teaching staffs of our Department of Information Science and
Engineering for their immense help and co-operation.
Finally, I would like to express our gratitude to our parents and friends who always stood by me.
Brunda S
[4GW19IS009]
ABSTRACT
The MCQ Test Taking Platform is an online test system that allows users to take online quizzes and
automatically generates results based on answers marked by users. The system is to be used for various
online tests conducted by schools, colleges, and other institutions. The system is an online application
thatcan be used to take tests online and get instant results. The purpose of the online quiz game system
is to test the subject knowledge of the students. Such a system eliminates logistical hassles and
drawbacks in the traditional mode of the pen and-paper quiz system. Students don't have to assemble in
the classroom togive the quiz. They can do it within a given time frame from their own device. And there
is no necessity ofrenting a classroom.
The purpose of the project is to allows the Quiz information to manage the details of students. The system
is a web-based application, where one can attend the quiz by providing proper login credentials. The system
uses document processing technique which converts analog data into digital format so that these documents
can be integrated into the system. This system completely automates the old manual procedure of
conducting quiz games to Online Web Based Quiz Game System. The system is to develop Online Quiz
System, used to test the Domain knowledge of the students and employees with respect to the
technology. The new system titled Quiz Game was proposed to remove all drawbacks in the existing
system. Information is a vital ingredient for the operation and management of any organization. Thus,
any systemshould have the ability to provide error free filtered information after processing the required
data. This system has been taken up with a view for developing a more sophisticated system that can be
easily handledby any kind of users. The proposed system aims at efficient and timely information for
decision-making,integrate with other function and reduce redundant work. Student can login using mail
id, then they can view their marks subject wise.
CONTENTS
Page No
Acknowledgement i
Abstract ii
Contents iii
List Of Figures iv
List Of Snapshots v
1. COMPANY PROFILE 1-3
1.1 About the Company 1
1.2 Vision 1
1.3 Mission 1
1.4 Values 2
1.5 Founders 2
1.6 Products and Services 2
1.7 Organization of the Report 3
2. INTRODUCTION 4-5
2.1 Objectives 4
2.2 What is Full Stack Web Development? 4
2.3 How does Full Stack Web Development works? 4
2.4 Role of Full Stack Web Development in Library Management System 4
2.5 Pros and Cons of Full Stack Web Development 5
3. AREAS OF LEARNING 6-7
4. ABOUT THE PROJECT 8-13
4.4 Overview of the Project 8
4.5 System Requirement Specification 8
4.6 Data Flow Diagrams 9
4.7 System Architecture 10
4.8 Implementation Code 11-13
LIST OF FIGURES
FIGURE PAGE
DESCRIPTION
NUMBER NUMBER
LIST OF SNAPSHOTS
Snapshot 2.5.8
Summary page 18
Chapter 1
COMPANY PROFILE
• Development of mobile app and website for sales of artistic and antique products.
• Development of an energy conservation system for paper machineries.
• Development of an analytic tool for software-based vehicle condition analysis for resale.
1.2 Vision
1.3 Mission
To build best products that is socially innovative with high-quality attributes and provides excellent
education to all.
1.4 Values
➢ Zeal to excel and zest for change.
➢ Integrity and fairness in all matters.
➢ Respect for dignity and potential of individuals
➢ Strict adherence to commitments.
➢ Ensure speed of response.
➢ Faster learning, creativity and team-work.
➢ Loyalty and pride in the company
1.5 Founders
The company has 2 directors and no reported key management personnel. The longest serving
directors currently on board are Shivasharanappa Aditya and Supreeth Yerri Swamy who were
appointed on 22 January, 2018. They have been on the board for more than 5 years.
1. Certification Programs: Tequed Labs provide the best online courses on latest technologies with
the most affordable prices. Online classes include Aptitude Training, Technical placement quiz,
Auto Cad, MangoDB etc.
2. Industrial Skill Development and Internship Program: They provide internship programs
include Artificial Intelligence, Internet of Things, Robotics, GIS, Drone Designing, Cyber
Security, Android Application Development etc.
3. Online Programs: Tequed Labs provide the best online courses on latest technologieswith most
affordable prices. Online Programs include many courses.
4. Offline Programs: They provide the best offline courses; they conduct hands-on trainingprograms
focused on all branches of Engineering
• The chapter 6 gives the Conclusion about Full Stack Web Development and the things that I
learned from internship.
Chapter 2
INTRODUCTION
2.1 Objectives
• Apply basic design principles to present ideas, information, products and services onwebsites.
• Effectively manage website projects using available resources.
A full stack web development is professional is the one who has sound technical knowledge ofthe
key elements of development-
• Front End
• Back End
• Database management
• Operating systems
• System design
Library Management System is an application which refers to library systems which are generally
Chapter 3
AREAS OF LEARNING
Full stack web development internship typically involves a range of skills and technologies that
encompass both front-end and back-end development. Here are some areas of learning that may be
covered in a full stack web development internship:
Front-end frameworks:
A front-end framework is a pre-written code that allows developers to build web applications morequickly
and easily. Popular front-end frameworks include React, Vue, and Angular.
Back-end frameworks:
Similar to front-end frameworks, back-end frameworks provide pre-written code for building the server-
side of a web application. Popular back-end frameworks include Django, Ruby on Rails, and Laravel.
Databases:
A database is used to store and manage data for a web application. Common types of databasesinclude
MySQL, PostgreSQL, and MongoDB.
API development:
An API, or application programming interface, is a set of protocols and tools used for buildingsoftware
applications. APIs allow different software systems to communicate with each other.
Version control: Version control systems, such as Git, are used to manage changes to code over time.
They allow developers to track changes, collaborate with others, and revert to previous versions if
needed.
Deployment and hosting: Deploying a web application involves transferring the code from a
development environment to a live server. Hosting refers to the process of storing and serving the files
for a web application. Common hosting services include Amazon Web Services, Microsoft Azure, and
Google Cloud Platform.
Overall, a full stack web development internship should provide a comprehensive overview of the
technologies, tools, and processes involved in developing web applications.
❖ Front-end development:
This involves creating the visual elements of a website or web application, including HTML, CSS, and
JavaScript. You should have a solid understanding of HTML semantics, responsive design, and
accessibility.
❖ Web frameworks: Familiarity with popular web frameworks such as React, Angular, or Vue
would be beneficial. These frameworks provide a foundation for building web applications and can
help you be more productive.
❖ Version control: Git is the most popular version control system used by developers. Familiarity
with Git, including branching and merging, is essential for collaborative development.
❖ Testing: Writing and running tests for your code is essential for ensuring quality and preventing
bugs. You should have a good understanding of unit testing, integration testing, and end-to-end
testing.
Chapter 4
ABOUT THE PROJECT
Figure 4.1 Shows the Dataflow diagram of Admin, here admin need to login, if he an authenticated
user then he will be given access then, admin will add the title of the quiz, based on the quiz title admin
will add the questions and options with the correct answers, and they can manage the users.
Figure 4.3 shows the system architecture of Quiz Management System. In this project admin will login to
the system add the title of the quiz, based on the quiz title admin will add the questions and options with
the correct answers, and admin will also manage the users. participants can attend the quiz based on the
titles, participants will have to choose one correct answer from the option for each question, once answered
and submit the quiz result will be evaluated and the scores will be given to them. participants login to the
system selects the quiz and play then they can view the results.
➢ Admin Module
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Profile</title>
<link rel="icon" href="img/profile.png" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/cardStyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<div class="cont">
<div class="container">
<div class="wrapper">
<a href="#">
<img src="img/avatar.svg">
</a>
<div class="title">
<b><h1><font color="yellow">Brunda S</font><h1></b></div>
</div>
<div class="content">
</div>
</div>
</div>
<div class="text1">hover on the image</div>
<div class="sub-cont">
<div class="testbox8">
<h2>Author Info</h2>
</div>
<div class="alert">
<img src="img/profilelogo.gif">
</div>
<div class="buttons2">
<div class="btn2" style="display: inline-block;">
➢ User Page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="shortout icon" type="image/x-icon" href="img/login.png">
<link rel="stylesheet" href="css/loginStyling.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-
fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Tangerine|Lato|Gamja+Flower|Open+Sans|Roboto+
Slab|Indie+Flower|Lobster|Open+Sans|Kosugi+Maru">
</head>
<body>
<div class="regbox box">
<img class="avatar" src="img/login-avatar.png">
CHAPTER 5
RESULTS AND DISCUSSION
5.1 SNAPSHOTS
Snapshot 5.1 shows the homepage. Homepage consists of admin login, user registration and user login.
Snapshot 5.2 shows the Admin Login. Here the admin needs to enter their login credentials to login.
Snapshot 5.3 shows the Participant Registration. Here the user provides their basic information and
registerin order to take the quiz.
Snapshot 5.4 shows the Participant Login. Here the participant needs to enter their login credentials to
login.
Snapshot 5.5 shows the Play Quiz Page. Here the participant needs to select the quiz they want to attend
and answer the questions. Based on their answers the number of questions answered correctly will be
displayed.
Snapshot 5.6 shows the Manage QA page. Here the user can select the topic.
Snapshot 5.7 shows the Manage QA page. Here the user can select the topic.
Snapshot 5.8 shows the Play Quiz page. Here the user can attend the quiz.
Snapshot 5.9 shows the Quiz result page. Here the user can see the results.
Snapshot 5.10 shows the summary page. Here the user can see the summary of the quiz.
CHAPTER 6
REFLECTION NOTES
During the internship period at Tequed Labs, as a keen learner I have adapted many skills. The
area of learning has suggested many assertive roles and at an internship, a student can learn
what the roles and responsibilities of a particular career are from people working in the field.
Full stack development is the end-to-end development of applications. It includes both the front
end and back end of an application. The front end is usually accessed by a client, and the back
end forms the core of the application where all the business logic is applied.
Newfound information is among the most significant benefits of an internship. This can involve
being able to complete tasks that are pertinent to the job path you want to pursue and honing
the talents you already have. An internship offers the chance to explore a career without
committing to anything long-term. It offers you the opportunities, knowledge, and resources
you need to land a full-time job in the future. That is frequently a wise decision because it lets
you get a feel for the job without plunging you in headfirst. Before completely entering the
workforce, this gives you the chance to develop and learn.
Thus, an internship is the best way to learn hard skills and soft skills required to succeed and
survive at a job. one need to Remember that in this competitive world, employers consider soft
skills equally important as hard skills. Hence, even if you are great in all technical skills, it is
important to gain some internship experiences and learn all the skills it has to offer.
CONCLUSION
This project proposes the window-based Quiz Management System. The system was designed in such a
way that future modifications can be done easily. The following conclusions can be deduced from the
development of the project. Automation of the entire system improves the efficiency. It provides a friendly
graphical user interface which proves to be better when compared to the existing system.
It gives appropriate access to the authorized users depending on their permissions. It effectively
overcomes the delay in communications. Updating of information becomes so easier. System security,
data security and reliability are the striking features.
REFERENCES
• Android based Online Quiz Application by Sk. Imran Hossain Shoyeb (2015)
• Quiz Application assessment by T.Meenakshi, Sk.Salma Sulthana, G.Hema sai ram, Y. Ayyappa
Swami (2016)
WEB LINKS
• https://w3school.com
• https://www.youtube.com
• https://tutorialpoints.com
TEXT BOOKS
CERTIFICATE