Design Report 1 (Repaired)
Design Report 1 (Repaired)
BACHELOR OF ENGINEERING
IN
INFORMATION TECHNOLOGY
By
2023-2024
1
MATURI VENKATA SUBBA RAO (MVSR)
ENGINEERING COLLEGE
(An Autonomous Institution)
(Affiliated to Osmania University, Hyderabad. Recognized by AICTE)
Nadergul, Saroornagar Mandal, Hyderabad-501510
CERTIFICATE
This is to certify that the Major project work entitled “JOBQUEST” is a bonafide work
carried out by Mr. P. Sri Charan Reddy (2451-20-737-002), Ms. Chiduruppala
Pooja (2451-20-737-004), Mr. Khushal Aravapalli (2451-20-737-005) in partial fulfillment
of the requirements for the award of degree of Bachelor of Engineering in Information
Technology from Maturi Venkata Subba Rao (M.V.S.R.) Engineering College, affiliated
to OSMANIA UNIVERSITY, Hyderabad, during the Academic Year 2023-24. Under our
guidance and supervision.
The results embodied in this report have not been submitted to any other university or
institute for the award of any degree or diploma.
2
DECLARATION
This is to certify that the work reported in the present entitled “JOBQUEST” is a record of
bonafide work done by us in the Department of Information Technology, M.V.S.R.
Engineering College, and Osmania University. This report is based on the project work done
entirely by us and not copied from any other source.
The results embodied in this project report have not been submitted to any other University or
Institute for the award of any degree or diploma to the best of our knowledge and belief.
3
ACKNOWLEDGEMENT
We, with extreme jubilance and deepest gratitude, would like to thank our guide Dr. A.V.
Krishna Prasad, Associate Professor, Department of Information Technology,
Maturi Venkata Subba Rao (MVSR) Engineering College, for his constant encouragement to
us to complete our work in time.
With immense pleasure, we record our deep sense of gratitude to our beloved Head of the
department Dr.K.VenuGopal Rao Dean-Academics & HOD, Department of Information
Technology, Maturi Venkata Subba Rao Engineering College, for permitting and providing
facilities to carry out this project.
We would like to extend our gratitude to D.Muninder and K.Devaki Final Project
coordinators, Department of Information Technology, Maturi Venkata Subba Rao
Engineering College, for their valuable suggestions and timely help during the course of the
project.
Finally, we express, from the bottom of our heart and deepest gratitude to the entire faculty,
my parents and family for the support, dedication, comprehension and love.
4
MVSR Engineering College
Department of Information Technology
VISION
To impart technical education to produce competent and socially responsible engineers in
the field of Information Technology
MISSION
5
PROGRAM EDUCATIONAL OBJECTIVES (PEOs)
The Bachelor’s program in Information Technology is aimed at preparing graduates who will:
II. Communicate effectively, work in a team, practice professional ethics and apply knowledge
6
to the professional engineering practice.
7. Environment and sustainability: Understand the impact of the professional engineering
solutions in societal and environmental contexts, and demonstrate the knowledge of, and need
for sustainable development.
8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and
norms of the engineering practice.
9. Individual and team work: Function effectively as an individual, and as a member or leader
in diverse teams, and in multidisciplinary settings.
10. Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and
write effective reports and design documentation, make effective presentations, and give and
receive clear instructions.
11. Project management and finance: Demonstrate knowledge and understanding of the
engineering and management principles and apply these to one’s own work, as a member and
leader in a team, to manage projects and in multidisciplinary environments.
12. Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.
7
(B) PROGRAM SPECIFIC OUTCOMES (PSOS):
8
COURSE OBJECTIVES AND OUTCOMES:
Course Objectives
2.To familiarize the tools and techniques of symmetric literature survey and documentation.
Course Outcomes
2. Outline requirements and perform requirement analysis for solving the problem.
3. Design and develop a software and/or hardware-based solution within the scope of project
using contemporary technologies and tools.
5. Develop the Project as a team and demonstrate the application, with effective written and oral
communications.
9
ABSTRACT
Job Quest is a web app designed for disseminating employment data, now aiming to integrate
an advanced analytics tool akin to Mixpanel or Google Analytics. This integration will
enhance the app's capabilities by capturing user demographics, tracking interactions, and
utilizing Natural Language Processing (NLP) for job-matching recommendations. The
analytics tool will gather extensive user data, such as age, location, and employment history,
providing insights into user behavior and engagement patterns.
A key feature will be the ability to track user interactions within the app, identifying which
features are most popular and where users might encounter difficulties. This data will be
crucial for improving the user experience and making the platform more intuitive and
effective. Additionally, by leveraging NLP, the tool will analyze user profiles and job
descriptions to suggest optimal job matches, enhancing the relevance and success of job
recommendations.
Performance analysis will be a central component, assessing the success and failure rates of
user profiles in securing employment. This analysis will help refine job suggestions and
improve the overall job-matching process. Insights derived from this data will be visualized,
offering a comprehensive view of user engagement and system performance. This
visualization will aid administrators in making informed decisions to optimize the platform
further.
Successful implementation of this analytics tool promises real-time access to user data,
enabling a user-centric approach that benefits both users and administrators. The result will
be a more dynamic, responsive, and effective employment platform that enhances job-
seeking and hiring processes.
10
11
12
CHAPTER 1
INTRODUCTION
Job Quest web application provides employment data to the prospective candidates. The
platform has a sizeable number of user base but it lacks integrated analytics tools to
understand how the users are consuming the information.
1.2 OBJECTIVES
The project aims to enhance user engagement and retention by integrating an advanced
analytics tool into Job Quest. This tool will track user interactions and demographics,
providing insights for personalized job recommendations using Natural Language Processing
(NLP). Administrators will gain actionable data to assess user profile success rates and refine
job suggestions, optimizing the platform continuously. Visualized insights will enable
informed decision-making, creating a more user-centric experience. Ultimately, the
integration will make Job Quest a more effective and dynamic employment platform,
benefiting both job seekers and administrators.
13
1.4 EXISTING SYSTEM
Traditional job search platforms offer basic functionalities like job listings, resume uploads,
and keyword search. However, they often lack advanced personalization and comprehensive
user behavior analysis. These platforms typically use generic algorithms that provide broad
job recommendations, which may not align well with individual user preferences and skills.
Moreover, many existing systems do not leverage real-time analytics and visualization tools,
limiting their ability to quickly adapt and improve based on user interactions. This results in a
less engaging and less effective job search experience, leading to lower user satisfaction and
retention rates.
The project incorporates several advanced modules to enhance the functionality and
effectiveness of Job Quest. The Advanced Analytics Module captures and analyzes
comprehensive user data, providing insights into user behavior, preferences, and engagement
patterns. This is complemented by a Docker Deployment Module, which ensures efficient
deployment, consistency, scalability, and ease of management across various environments.
The Enhanced Recommendation Engine leverages advanced algorithms and continuous
learning to provide personalized job suggestions, aligning with user skills and preferences for
a more relevant and effective job search experience. Additionally, the Continuous
Improvement Module iteratively enhances the platform based on analytics insights and user
feedback, while the User Experience Optimization Module uses these insights to improve the
overall user interface and experience.
1.6 SCOPE
14
CHAPTER 2
LITERATURE SURVEY
15
Resource and Varrette, Liquid-Cooled Utilization University of
Job Emmanuel Supercompute Improvement, Luxembourg,
Management Kieffer. r (Aion) Job Dependence on
System of an Efficiency, Slurm, Hardware
Academic HPC Management Specifics, Time
& Research and Funding, Sensitivity,
Computing Sustainable Assumptions and
Facility. and Scalable Constraints.
HPC
Performance,
Negligible
Impact on
Average
Slowdown,
Improved User
Experience
5 A genetic 2015 E. C++, Java, Global Computational
algorithm for Falkenauer, Python, Optimization, Intensity, No
job shop. S. MATLAB. Versatility, Guarantee of
Bouffouix. Parallel Global
Processing, Optimum,
No Need for Parameter
Derivatives. Sensitivity.
16
2.2 PROPOSED SYSTEM
The project enhances Job Quest with modules for advanced analytics, Docker deployment,
personalized job recommendations, continuous improvement, and user experience
optimization. These modules capture and analyze user data, ensure efficient deployment,
provide tailored job suggestions, iteratively refine the platform, and improve the user
interface based on insights.
2.3 ALGORITHMS
The Jaccard Similarity algorithm measures the similarity between two sets by comparing
their intersection to their union. It is calculated using the formula:
J(A, B) = |A intersection B/ A union B|
where (A) and (B) are the sets, (A intersection B) is the number of elements in both sets, and
(A union B) is the number of unique elements across both sets. The result ranges from 0 to 1,
with 0 indicating no similarity and 1 indicating identical sets. Jaccard Similarity is widely
used in text analysis, clustering, and recommendation systems.
The Cosine Similarity algorithm measures the similarity between two non-zero vectors by
calculating the cosine of the angle between them. It is given by the formula:
Cosine Similarity = cos(theta) = A.B/|A||B|
Where A.B is the dot product of vectors A and B and |A| and |B| are their magnitudes. The
result ranges from -1 to 1, with 1 indicating identical vectors, 0 indicating orthogonality (no
similarity), and -1 indicating completely opposite vectors. Cosine Similarity is commonly
used in text analysis and recommendation systems to compare the similarity of documents or
items.
17
CHAPTER 3
Visual Studio Code (VS Code) is a free, open-source code editor developed by Microsoft. It
offers a wide range of features, including debugging, syntax highlighting, intelligent code
completion, snippets, and Git integration, making it a powerful tool for developers. VS Code
supports numerous programming languages and is highly customizable through extensions,
allowing developers to tailor the editor to their specific needs. Its user-friendly interface and
robust performance make it suitable for both novice and experienced developers.
Additionally, VS Code's active community and regular updates ensure continuous
improvement and access to the latest development tools and features.
Django Rest Framework (DRF) is a powerful and flexible toolkit for building Web APIs in
Python. Built on top of the Django framework, DRF simplifies the creation of robust and
scalable RESTful APIs by providing comprehensive features such as serialization,
authentication, and view sets. It supports a wide range of request/response formats including
JSON and XML. DRF's modular and customizable nature allows developers to efficiently
handle complex data structures and business logic. Its browsable API feature enhances the
development experience by providing an intuitive interface for testing and interacting with
the API. DRF is widely used for its efficiency, scalability, and ease of integration.
18
2.3.3 MYSQL
PostgreSQL is a powerful, open-source relational database management system known for its
robustness, scalability, and standards compliance. It supports advanced data types, full-text
search, and complex queries, making it suitable for a wide range of applications. MySql
provides strong data integrity, ACID compliance, and extensive support for concurrent
processing. Its extensibility allows developers to define custom functions, operators, and data
types. Additionally, MySq lincludes features like Multi-Version Concurrency Control
(MVCC), point-in-time recovery, and replication, ensuring reliability and performance. With
a vibrant community and comprehensive documentation, MySql is a preferred choice for
developers seeking a versatile and reliable database solution.
Google Analytics is a robust web analytics service offered by Google that tracks and reports
website traffic and user behavior. It provides detailed insights into how visitors interact with
a site, including data on page views, user demographics, bounce rates, and session durations.
Google Analytics helps businesses understand their audience, measure the effectiveness of
their marketing campaigns, and improve website performance. It features customizable
dashboards, real-time analytics, and integration with other Google services like Google Ads.
With its powerful data visualization tools and in-depth reporting capabilities, Google
Analytics is essential for data-driven decision-making and optimizing online strategies.
2.3.5 DOCKER
19
CHAPTER 4
SYSTEM DESIGN
20
4.2 UML DIAGRAMS
21
4.2.1 USE CASE DIAGRAM
22
4.2.2 CLASS DIAGRAM
23
4.2.3 ACTIVITY DIAGRAM
24
4.2.4 SEQUENCE DIAGRAM
25
4.2.5 ENTITY RELATIONSHIP DIAGRAM
26
CHAPTER 5
METHODOLOGY
The Jaccard Similarity algorithm measures the similarity between two sets by comparing the
size of their intersection with the size of their union. It is commonly used in various
applications such as text analysis, clustering, and recommendation systems. Here's a brief
overview of the algorithm:
Define the Sets: Identify the two sets AAA and BBB that you want to compare. These sets
can contain any elements such as words, characters, or items.
Calculate Intersection: Determine the intersection of sets AAA and BBB, which is the set of
elements that are present in both AAA and BBB. Denote this as A∩BA.
Calculate Union: Determine the union of sets AAA and BBB, which is the set of all distinct
elements that are present in either AAA or BBB. Denote this as A∪B.
Compute Jaccard Index: The Jaccard Similarity Index is calculated using the formula:
J(A,B)=∣A∩B∣/∣A∪B∣
where ∣A∩B∣ is the number of elements in the intersection and ∣A∪B∣|A \cup B|∣A∪B∣ is the
number of elements in the union.
Interpret the Result: The result is a value between 0 and 1. A Jaccard Index of 0 means the
sets have no elements in common, while a Jaccard Index of 1 means the sets are identical.
Example Calculation
A={1,2,3,4}
B={3,4,5,6}
27
Intersection: A∩B={3,4}
Union: A∪B={1,2,3,4,5,6}
Jaccard Index:
28
5.2 WORKING OF COSINE SIMILARITY
The Cosine Similarity algorithm measures the similarity between two non-zero vectors in an
inner product space. It is widely used in text analysis, information retrieval, and
recommendation systems to determine how similar two documents or items are based on their
attributes or features. Here’s a step-by-step explanation of its working:
29
APPLICATIONS OF COSINE SIMILARITY
30
CHAPTER 6
IMPLEMENTATION
2. Once the download is complete, run the exe for install Python. Now click on Install Now.
4. When it finishes, you can see a screen that says the Setup was successful. Now click on
"Close".
31
2. Choose the edition of Visual Studio you want to install based on your requirements.
There are different editions available, such as Visual Studio Community (free), Visual
Studio Professional, and Visual Studio Enterprise.
3. Click on the "Download" button next to the chosen edition to start the download
4. Once the download is complete, locate the downloaded setup file and run it.
You need to install some packages to execute your project in a proper way.
The prompt will open, with specified path, type “pip install package name” which you want
to install.
1. Scikit-learn
2. Pandas
3. Numpy
32
6.2 MODULE DESCRIPTION
• Pandas
• Numpy
• JavaScript
• Django
• MySql
6.2.1 PANDAS
● Pandas provide us with many Series and Data Frames. It allows you to easily
organize, explore, represent, and manipulate data.
● Smart alignment and indexing featured in Pandas offer you a perfect organization and
data labeling.
● Pandas has some special features that allow you to handle missing data or value with
a proper measure.
● This package offers you such a clean code that even people with no or basic
knowledge of programming can easily work with it.
● It provides a collection of built-in tools that allows you to both read and write data in
different web services, data-structure, and databases as well.
● Pandas can support JSON, Excel, CSV, HDF5, and many other formats. In fact, you
can merge different databases at a time with Pandas.
6.2.2 NUMPY
● Numpy provides masked arrays along with general array objects. It also comes with
functionalities such as manipulation of logical shapes, discrete Fourier transform,
general linear algebra, and many more.
33
● While you change the shape of any N-dimensional arrays, Numpy will create new
arrays for that and delete the old ones.
● This python package provides useful tools for integration. You can easily integrate
Numpy with programming languages such as C, C++, and Fortran code.
● Numpy provides such functionalities that are comparable to MATLAB. They both
allow users to get faster with operations.
6.2.3 JAVASCRIPT
Django is a high-level Python web framework that encourages rapid development and
clean, pragmatic design.
Implements Model-View-Controller (MVC) architecture (referred to as Model-View-
Template in Django terminology), separating the data layer, business logic, and
presentation layer.
Django’s powerful ORM allows developers to interact with the database using Python
objects, making database queries simple and efficient.
Automatically generated admin interface for managing application data, making it
easy to perform CRUD operations without additional coding.
Flexible URL routing system that maps URLs to views, enabling clean and readable
URLs.
A powerful template system that allows developers to create dynamic HTML pages
with reusable components.
Includes built-in protection against common security threats such as SQL injection,
cross-site scripting (XSS), and cross-site request forgery (CSRF).
34
6.2.5 MYSQL
Designed to handle large databases and can scale horizontally and vertically to
accommodate growing data needs.
Optimized for speed and performance, making it suitable for high-traffic applications
and demanding workloads.
35
CHAPTER 7
TESTS
7.1 TESTING
Testing is a crucial aspect of software development aimed at ensuring the quality, reliability,
and correctness of applications. It involves executing code to identify defects, bugs, or
discrepancies between expected and actual behavior. Testing encompasses various techniques
such as unit testing, integration testing, and end-to-end testing, each targeting different levels
of the software stack. Through systematic and rigorous testing practices, developers can
validate the functionality, performance, and security of their applications, thereby reducing
the likelihood of errors and enhancing user satisfaction. Effective testing contributes to the
delivery of robust, maintainable software products that meet user expectations and business
requirements.
Define testing objectives, scope, resources, and timelines. Identify test scenarios,
requirements, and acceptance criteria.
Develop test cases and test data based on requirements and user scenarios. Design test
scripts, automation frameworks, and mock objects if applicable.
Execute test cases manually or automatically using testing tools. Record test results,
including passed, failed, and blocked tests. Debug issues and report defects.
Track and prioritize defects using a defect tracking system. Assign ownership, status,
severity, and resolution priorities. Verify defect fixes and retest impacted areas.
Generate test reports summarizing test coverage, pass rates, and defect trends.
Communicate findings to stakeholders and management. Provide recommendations
36
for quality improvement and risk mitigation.
Source code testing involves verifying the correctness, functionality, and performance of
software through examination of its source code. Techniques include static analysis, code
reviews, and unit testing to ensure code quality, identify defects, and improve maintainability,
scalability, and security.
Module level testing verifies the functionality and behavior of individual software modules or
components in isolation. It focuses on testing each module's inputs, outputs, and internal
logic to ensure it functions correctly according to its design specifications. Mock objects and
stubs may be used to simulate dependencies.
Integration testing is a software testing technique where individual units or modules are
combined and tested as a group to verify that they work together as expected. It validates
interactions between integrated components, ensuring they communicate and function
correctly as a cohesive system. Integration tests verify interfaces, data flow, and interactions
37
between subsystems or modules.
Validation testing is a software testing process that verifies whether a software system meets
the specified requirements and fulfills the intended purpose in its intended environment. It
ensures that the software satisfies the user's needs and expectations, validating that it delivers
the desired functionality and performance. Validation testing typically involves user
acceptance testing (UAT) and customer validation to confirm that the software meets
business objectives and user requirements.
Recovery testing is a type of software testing that evaluates the system's ability to recover
from failures, errors, or crashes. It involves deliberately causing failures in the system, such
as terminating processes or simulating hardware failures, and then verifying that the system
can recover gracefully and continue functioning correctly. Recovery testing helps assess the
system's resilience, fault tolerance, and recovery mechanisms, ensuring it can maintain data
integrity and restore normal operation after unexpected events.
Security testing evaluates a software system's ability to protect data, maintain functionality,
and resist unauthorized access. It identifies vulnerabilities and threats through techniques like
penetration testing and code analysis, ensuring robust security controls against hacking, data
breaches, and other security risks.
Performance testing is a type of software testing that evaluates the responsiveness, stability,
and scalability of a system under various load conditions. It measures factors such as
response time, throughput, and resource utilization to ensure the system meets performance
requirements and can handle expected user loads efficiently.
38
7.3.10 BLACKBOX TESTING
Black-box testing is a software testing technique where the internal workings of the system
under test are not known to the tester. Test cases are designed based on the system's
specifications, functionality, and requirements. It focuses on validating inputs and outputs
without considering the internal code structure or implementation details.
User Acceptance Testing (UAT) is a software testing phase where end-users validate the
software's functionality to ensure it meets their requirements and expectations. It involves
executing real-world scenarios, data, and workflows to validate the system's usability,
suitability, and compliance with business needs. UAT serves as a final confirmation before
the software is released for production use.
Features to be tested
Test Results: All the test cases mentioned above passed successfully. No defects
encountered.
39
7.4 TEST CASES
KNOWN USER
40
CHAPTER 8
CONCLUSION
In conclusion, software testing plays a pivotal role in ensuring the quality, reliability, and
effectiveness of software applications. Through various testing techniques such as unit
testing, integration testing, security testing, and user acceptance testing, defects and
vulnerabilities can be identified and rectified at different stages of the development lifecycle.
Testing not only validates the functionality and performance of the software but also
enhances user satisfaction, mitigates risks, and boosts confidence in the product. It enables
software teams to deliver robust, stable, and secure solutions that meet customer requirements
and business objectives. By investing in thorough testing practices, organizations can
minimize the likelihood of costly errors, downtime, and reputational damage, while
maximizing the value and success of their software products in the market. Ultimately,
effective testing contributes to the overall success and competitiveness of software-driven
businesses in today's dynamic and demanding technological landscape.
FUTURE ENHANCEMENTS
Looking ahead, several future enhancements can further elevate software testing practices.
Firstly, the integration of artificial intelligence and machine learning algorithms can automate
test case generation, analysis, and execution, accelerating testing processes and enhancing
test coverage. Additionally, the adoption of containerization and microservices architecture
can facilitate more efficient and scalable testing environments, enabling rapid deployment
and testing of isolated components. Moreover, advancements in virtualization technology can
enable more realistic simulation of production environments, improving the accuracy and
effectiveness of testing. Furthermore, the incorporation of blockchain technology can
enhance the security and transparency of test data management and result verification. Lastly,
the continued emphasis on collaboration and communication between development, testing,
and operations teams, facilitated by DevOps practices, can foster a culture of continuous
improvement and innovation in software testing, leading to higher-quality software products
and enhanced customer satisfaction.
41
REFERENCES
42
LIST OF FIGURES
5.1.1 VSCode 17
43
LIST OF TABLES
44
LIST OF SYMBOLS
NOTATION
Class Name
NA Association represents
Class
ME Class static relationships
2. Association A
B between classes. Role
Clas Clas represents the way the
sA sB two classes see each
other.
It aggregates several
3. Actor classes into a single
class.
Class B Class B
45
Extends relationship
Relation Extends is used when one use
6. case is similar to
(extends) another use case but
does a bit more.
7.
Communicatio Communication
n between various use
cases.
8.
State Sta State of the
te processes.
9. Initial State
Initial state of the
object
Represents various
11. Control flow control flow between
the states
46
APPENDIX
Source code:
<!DOCTYPE html>
<html>
<head>
<title>Branch and Year Selection</title>
<style>
.navbar{
display: flex;
float: inline-end;
overflow: auto;
padding: 5px;
background-color: black;
}
.navbar li{
list-style-type: none;
font-size: large;
font-weight: 500;
margin: 5px 15px;
color: white;
}
.logdet{
display: flex;
position: absolute;
right: 15px;
}
.login-btn{
background-color: #d32f2f;
font-weight: bold;
padding: 5px;
color: white;
border-radius: 5px;
}
.b {
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
background-color: #f2f2f2;
}
.card {
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
47
padding: 20px;
text-align: center;
display: inline-block;
margin-right: 20px;
}
h1 {
color: #333333;
}
.card-img-top {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
overflow: hidden;
}
.card-img-top img {
height: 100%;
width: auto;
}
input[type="submit"] {
margin-top: 20px;
padding: 10px 20px;
background-color: #f44336;
color: #ffffff;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #d32f2f;
}
#semesterSelect {
margin-top: 20px;
display: none;
}
#itsem6 {
margin-top: 20px;
display: none;
}
</style>
</head>
<body>
48
<div>
<ul class="navbar">
<li onclick="home()">Home</li>
<li onclick="uploadhtml()">upload Notes</li>
<li onclick="notes()">Markdown</li>
<li onclick="contact()">Contact us</li>
<script>function contact() {
window.location.href = `contact.html?username=${username}`;
}</script>
<div class="logdet">
<li class="username" id="user1">user</li>
<button class="login-btn" onclick="redirectToLogin()">Logout</button>
</div>
</ul>
</div>
<div class="b">
<div class="card">
<h1>Select Branch and Semester</h1><br>
49
<div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="eee.jpg" alt="Electrical Engineering Image"
onclick="selectCardM('EEE')">
</div>
<div class="card-body">
<h5 class="card-title">Electrical Engineering</h5>
</div>
</div>
<div class="card" style="width: 9rem;">
<div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="ce.jpg" alt="Civil Engineering Image" onclick="selectCardM('CE')">
</div>
<div class="card-body">
<h5 class="card-title">Civil Engineering</h5>
</div>
</div>
<select id="semesterSelect">
<option value="" disabled selected>Select Semester</option>
<option value="Sem1">Semester 1</option>
<option value="Sem2">Semester 2</option>
<option value="Sem3">Semester 3</option>
<option value="Sem4">Semester 4</option>
<option value="Sem5">Semester 5</option>
<option value="Sem6">Semester 6</option>
<option value="Sem7">Semester 7</option>
<option value="Sem8">Semester 8</option>
</select>
<select id="itsem6">
<option value="" disabled selected>Select Subject</option>
<option value="ml">Machine Learning</option>
<option value="daa">Design analysis and Algorithms</option>
<option value="ds">Data Science</option>
<option value="dm">Disaster Mitigation</option>
<option value="cc">Cloud Computing</option>
<option value="nsc">Network Security and Cryptography</option>
<option value="es">Embedded Systems</option>
</select><br>
<input type="submit" value="submit">
</div>
<script src="https://www.gstatic.com/firebasejs/8.4.2/firebase.js"></script>
<script src="fire.js"></script>
<script src="crud.js"></script>
</div>
</body>
</html>
50