lOMoARcPSD|47684189

Project Report-Admission management system

Software Engineering (Visvesvaraya Technological University)

Scan to open on Studocu

Studocu is not sponsored or endorsed by any college or university

Downloaded by Lalita Nikam ([email protected])
 lOMoARcPSD|47684189

<ONLINE COLLEGE ADMISSION MANAGEMENT SYSTEM=

A project report
Submitted by

SUDHEER N

(Reg No: 2021602300042)

in partial fulfillment of requirements

for the award of the degree of

Master of Science in Computer Science

DEPARTMENT OF COMPUTER SCIENCE

KARNATAKA STATE OPEN UNIVERSITY
November 2022

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

Mini Project Dissertation Approval for M. Sc(CS)

Dissertation entitled <ONLINE COLLEGE ADMISSION MANAGEMENT SYSTEM= by

Sudheer N, is approved for the degree of Master of Science in Computer Science

Examiners _______________

_______________

Supervisor(s) _______________

_______________

Chairman _______________

Date ________ Place ___________

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CERTIFICATE

This is to certify that Major project Dissertation report entitled <ONLINE COLLEGE
ADMISSION MANAGEMENT SYSTEM=, submitted by SUDHEER N bearing Roll Number
2021602300042 for the partial fulfillment of the requirements of Master of Science degree from
Karnataka State Open University, Mysore, embodies the bonafide work done by her under our
supervision. The contents of this report, in full or in parts, have not been submitted to any other
Institute or University for the award of degree.

Smt. Bhavya D NB.E, M.Tech,(PhD).,

Project Guide,
Department of Computer Science
Karnataka State Open University
Mukthagangothri, Mysore-570006

Date:

Place: Mysore

Register Number: 2021602300042 (SUDHEER N)

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

Karnataka State Open University, Mysore

Roll No : 2021602300042

NAME OF THE STUDENT : SUDHEER N

EMAIL ADDRESS : [email protected]

INTERNAL SUPERVISOR’S NAME :

INTERNAL SUPERVISOR’S : Karnataka State Open University

EMPLOYING ORGANIZATION

EXTERNAL SUPERVISOR’S NAME :

INTERNAL SUPERVISOR’S :
EMPLOYING ORGANIZATION

EXTERNAL SUPERVISOR’S :
EMAIL ADDRESS

DISSERTATION TITLE : <ONLINE COLLEGE ADMISSION

MANAGEMENT SYSTEM=

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

ABSTRACT

An online college admission management system project that holds online admission of
various colleges on a web application and serves student and colleges accordingly.

The system is designed to allow colleges to set up admission to various courses in the
college online and students to register in the portal and apply for various courses in different
colleges.
Online college admission management system project consists of the following parts:

• Student Login: Here students can see the various courses available in different
colleges and apply for the different courses.
• Admin Login: This module is for the administrator who can enable admission for
various colleges and courses.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

ACKNOWLEDGEMENTS

I would like to thank my guide (internal supervisor) Smt. Bhavya D N, Lecturer

and Program coordinator, Msc(CS) Department of Computer Science for her excellent
support, kind commitment, encouragement, guidance, comments and making required
software available for simulations to be carried out during this research process. Without her
contributions this research would not have been possible.

I am also grateful to all of my friends those who gave me suggestions, discussions and
comments led to a viable contribution to the simulation experiment and dissertation write-
up. I thank them for their support.

I thank one and all teaching and non – teaching faculty who have assisted me in the
successful completion of project.

Last but not the least, thanks are also due to My family members and Mr. Rakshith
MK whose constant support and encouragement could always be counted upon even
difficult circumstances.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

TABLE OF CONTENTS

ABSTRACT i
LIST OF TABLES ii
LIST of FIGURES iii
ABBREVATIONS IV

SL.NO CONTEN PAGE NO.

TS
CHAPTER-1 INTRODUCTION TO PROJECT
1.1 Project Overview 10
1.2 PROBLEM STATEMENT 11
1.3 MODULE DESCRIPTION 11
CHAPTER-2 SYSTEM ANALYSIS
2.1 REQUIREMENT SPECIFICATION 13
2.2 HARDWARE REQUIREMENTS 13
2.3 SOFTWARE REQUIREMENTS 13
2.3.1 INTRODUCTION TO JAVA SPRING BOOT 14
2.3.2 INTRODUCTION TO REACTJS 15
2.3.3 INTRODUCTION TO SPRING TOOL SUITE 16
2.3.4 INTRODUCTION TO MICROSOFT SQL 17
SERVER
2.4 EXISTING SYSTEM 18
2.5 PROPOSED SYSTEM 18
CHAPTER-3 SYSTEM DESIGN
3.1 TABLE STRUCTURE 19
3.2 DATA FLOW DIAGRAM 21
3.3 PORTAL DESIGN 22
CHAPTER-4 CODING AND DEVELOPMENT
4.1 SOURCE CODE 27
CHAPTER-5 TESTING AND IMPLEMENTATION
5.1 INTORDUCTION TO TESTING 63
5.2 TYPES OF TESTING 63

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER-6 CONCLUSION
6.1 FUTURE ENHANCEMENT 65
CHAPTER-7 BIBLIOGRAPHY 66

LIST OF TABLES

Table Name of the table Page

number no
02 Tables 19

LIST OF FIGURES:-

Figure Name of the figure Page

number no
Fig. (i) Data Flow diagram 21

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

ABBREVATIONS

1. IT - Internet Technology.
2. POR - Proof of retrievability.
3. RDC - Remote Data Checking.
4. NC - Network Coding.
5. DIP - Data Integrating Protection.
6. IB-DPDP - Identity based distributed provable data procession.
7. SSMS - SQL Server Management Studio.
8. CLR - Common language Runtime.
9. CLS - Common language Specifications.
10. SQL - Structured Query Language.
11. DFD - Data Flow Diagram.
12. WWW - World Wide Web.
13. HTTP - Hyper Text Transfer Protocol.
14. HTML - Hyper Text Manipulation Language
15. JS - JavaScript
16. DOM - Document Object Model

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER 1

INTRODUCTION TO PROJECT

1.1 PROJECT OVERVIEW

The project <Online college admission management system= is a web application

aimed at carrying out college admission. Today all the work at the time of
admission of the student is done manually by ink and paper, which is very slow
process and consume much manual effort and time. In the modern world of
technology, computers are affecting our lives in more ways than we probably are
aware of Computerized management maintaining information of an educational
institute, colleges, other the list is endless. The main principle behind the need of
college admission system is easy supervision of institutes. It can handle the details
of students like mark details, admission cut off etc. The purpose of this project is to
build an <online college admission management system=, a system that reduce lot
time of student to follow up on application for a college admission and also help
admins to maintain application data effectively. In fact, the system consists in a
web-portal where students can register themselves on the portal and track entire
application process from the web portal itself. Students can update their personal
details on the student login portal after they register themselves in the portal and
also, they can choose multiple courses in the college giving the priority.
Users(students) can check the result once cut of list is published by the
administrators including the cut off marks for each course. Moreover,
Administrators can add list of college and courses available for registration, they
can update the cut off list for all courses. Administrators can extract the student
details from the application, can also extend the application closure time in admin
portal

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

1.2 PROBLEM STATEMENT

ONLINE COLLEGE ADMISSION MANAGEMENT SYSTEM

Student admissions are a vital part of any College’s running because students are
what keep college alive. Student admission is one of the most important activities
of each educational institute every year. Poor admission system can mean fewer
students being admitted into a college because of mistakes or an overly slow
response from the management. Traditional college admission is a hectic process,
which involves students visiting off-site campus, taking application, filling it and
then submission. On the day of admission, the flow of candidates is very high and
it requires both manual processing and record keeping at the same time that makes
the process lengthy and difficult to keep track of the admission status of a
candidate in multiple departments. At present admission process is done manually
with pen and paper which is very inefficient and utilizes much efforts and time.
This <Online college admission management system= reduces the effort of students
in tracking the application, helps to make the admission process much easier and
helps in maintaining database in an efficient way.

1.3 MODULE DESCRIPTION:

1. Admin Portal:
The Admin Portal Module, consists of seven sub menus:

• Home- It is the home page for admins.

• Add College or Course - In this module, the admin can login
and add colleges and courses to receive application for.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

• Enter Cutoff of college- In this module admins can set the

cutoff marks for each courses enabled.
• Display Available Course- In this module admin can see the
list of colleges and courses enabled by the admin for
registration.
• Display Student Details- This module shows the list of
students registered with the application.
• Extend Cutoff Date- In this module admin can extend the
cutoff date for enrollment for each course.
• Logout - Admin can logout from the application.

2. Student Portal:
The Student Portal Module, consists of six sub modules:

• Home- It is the home page for Students.

• Personal Details- In this module Students can view/modify
their personal details.
• Select Course- In this module Students can select college and
course for enrollment and provide priority for application.
• Check Result- This module shows the result of application.
• Display Cutoff Marks- This module shows cut off marks for
each course.
• Logout- Students can logout from the application.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER 2

SYSTEM ANALYSIS
2.1 SOFTWARE REQUIREMENT SPECIFICATION

Software requirements specification (SRS) is a description of a

software system to be developed. It is modelled after Amit Singh
Rewets’ business requirements specification (CONOPS), also known
as a stakeholder requirements specification. The software requirements
specification lays out functional and non-functional requirements, and it
may include a set of use cases that describe user interactions that the
software must provide.

Software requirements specification establishes the basis for an

agreement between customers and contractors or suppliers on how the
software product should function (in a market-driven project, these roles
may be played by the marketing and development divisions). Software
requirements specification is a rigorous assessment of requirements
before the more specific system design stages, and its goal is to reduce
later redesign. It should also provide a realistic basis for estimating
product costs, risks, and schedules. Used appropriately, software
requirements specifications can help prevent software project failure.

The software requirements specification document lists sufficient and

necessary requirements for the project development. To derive the
requirements, the developer needs to have clear and thorough
understanding of the products under development. This is achieved
through detailed and continuous communications with the project team
and customer throughout the software development process.

2.2 HARDWARE REQUIREMENTS

• Processor – i3

• Hard Disk – 5 GB

• Memory – 2GB RAM

2.3 SOFTWARE REQUIREMENT

• Technology: Java, ReactJs
• IDE: Spring Tool Suite
• Database Server: Microsoft SQL Server
• Operating System: Microsoft Windows

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2.3.1 INTRODUCTION TO JAVA SPRING BOOT

JAVA was developed by James Gosling at Sun Microsystems Inc in the

year 1995, later acquired by Oracle Corporation. It is a simple
programming language. Java makes writing, compiling, and debugging
programming easy. It helps to create reusable code and modular
programs. Java is a class-based, object-oriented programming language
and is designed to have as few implementation dependencies as
possible. A general-purpose programming language made for
developers to write once run anywhere that is compiled Java code can
run on all platforms that support Java. Java applications are compiled to
byte code that can run on any Java Virtual Machine. The syntax of Java
is similar to C/C++.

Spring Framework (Spring Framework) is a popular, open source,

enterprise-level framework for creating standalone, production-grade
applications that run on the Java Virtual Machine (JVM). Java Spring
Boot (Spring Boot) is a tool that makes developing web application and
microservices with Spring Framework faster and easier through four
core capabilities:

• Autoconfiguration

• An opinionated approach to configuration

• The ability to create standalone applications

• Embedded tomcat server.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2.3.2 INTRODUCTION TO REACTJS

ReactJS is a declarative, efficient, and flexible JavaScript library for

building reusable UI components. It is an open-source, component-
based front-end library responsible only for the view layer of the
application. It was created by Jordan Walke, who was a software
engineer at Facebook. A ReactJS application is made up of multiple
components, each component responsible for outputting a small,
reusable piece of HTML code. The components are the heart of all
React applications. These Components can be nested with other
components to allow complex applications to be built of simple
building blocks. ReactJS uses virtual DOM based mechanism to fill
data in HTML DOM. The virtual DOM works fast as it only changes
individual DOM elements instead of reloading complete DOM every
time.

The main objective of ReactJS is to develop User Interfaces (UI) that

improves the speed of the apps. It uses virtual DOM (JavaScript
object), which improves the performance of the app. The JavaScript
virtual DOM is faster than the regular DOM. We can use ReactJS on the
client and server-side as well as with other frameworks. It uses
component and data patterns that improve readability and helps to
maintain larger apps. To create React app, we write React components
that correspond to various elements. We organize these components
inside higher level components which define the application structure.
For example, we take a form that consists of many elements like input
fields, labels, or buttons. We can write each element of the form as
React components, and then we combine it into a higher-level
component, i.e., the form component itself.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2.3.3 INTRODUCTION TO SPRING TOOL SUITE

Spring Tool Suite (STS) is a java IDE tailored for developing Spring-
based enterprise applications. It is easier, faster, and more convenient.
And most importantly it is based on Eclipse IDE. STS is free, open-
source, and powered by VMware. Spring Tools 4 is the next generation
of Spring tooling for the favorite coding environment. Largely rebuilt
from scratch, it provides world-class support for developing Spring-
based enterprise applications, whether you prefer Eclipse, Visual Studio
Code, or Theia IDE.

STS is an Eclipse-based development environment that is customized

for the development of Spring applications. It provides a ready-to-use
environment to implement, debug, run and deploy your applications. It
also includes integration for Pivotal tc Server, Pivotal Cloud Foundry,
Git, Maven and AspectJ. STS is built as an addition on top of the latest
Eclipse releases.

Eclipse STS validates your project and provides quick fixes for your
applications. For example, when working with Spring Data JPA, the
IDE may be used to validate query method names. STS also provides a
graphical view on all bean methods and their mutual relationships. You
may want to have a closer look at the graphical editors that come with
STS by looking into the views that are available under the menus
window, show view and then Spring respectively. STS also offers other
additional useful features that are not limited to Spring applications
only.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2.3.4 INTRODUCTION TO MICROSOFT SQL SERVER

Microsoft SQL Server is a relational database management system

(RDBMS) developed by Microsoft. This product is built for the basic
function of storing retrieving data as required by other applications. It
can be run either on the same computer or on another across a network.
SQL Server supports ANSI SQL, which is the standard SQL
(Structured Query Language) language. However, SQL Server comes
with its own implementation of the SQL language, T-SQL (Transact-
SQL). T-SQL is a Microsoft propriety Language known as Transact-
SQL. It provides further capabilities of declaring variable, exception
handling, stored procedure, etc.

SQL Server Management Studio (SSMS) is the main interface tool for
SQL Server, and it supports both 32-bit and 64-bit environments. SQL
Server allows you to run multiple services at a go, with each service
having separate logins, ports, databases, etc. These are divided into two:

• Primary Instances

• Named Instances

There are two ways through which we may access the primary instance.
First, we can use the server’s name. Secondly, we can use its IP address.
Named instances are accessed by appending a backslash and instance
name. Instances can help us reduce the costs of operating SQL Server,
especially in purchasing the SQL Server license. You can get different
services from different instances, hence no need for purchasing one
license for all services. When different services are running on different
SQL Server instances, you can focus on securing the instance running
the most sensitive service.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2.4 EXISTING SYSTEM

A detailed study of the process must be made by the various techniques

like interviews, questionaries etc. The data collected by the sources
must be scrutinized to arrive to a conclusion. The conclusion is an
understanding of how the system functions. The system is called
existing system. Now the existing system is subjected to case study and
problem area are identified. The designer now functions as a problem
solver and tries to sort out the difficulties that the enterprise faces.

2.5 PROPOSED SYSTEM

The aim of proposed system is to develop a system of improved

facilities. The proposed system can overcome all the limitations of the
existing system. The system provides proper security and reduces the
manual work.

• Security of work

• Ensure data accuracy

• Minimize time needed for the various processing

• Greater efficiency

• Better services

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER 3

SYSTEM DESIGN

3.1 TABLE STRUCTURE

• Users Table

Sl.no Name Datatype Constraints Description

1. Id Integer Not Null Unique Id for admin and
students
2. Mobile_no Varchar Not Null Enter the Mobile Number
3. Email_id Varchar Not Null Enter the Email Id
4. Password Varchar Not Null Enter the Password

• Roles Table

Sl.no Name Datatype Constraints Description

1. Role_id INT Not Null Id for roles
2. Name Varchar Not Null Available roles in the
application

• Users_Roles tables

Sl.no Name Datatype Constraints Description

1. Role_id INT Not Null Role_id from roles tables
2. User_id Varchar Not Null Email_id from users
table

• Choice Table

Sl.no Name Datatype Constraints Description

1. No INT Primary Key Unique no generated
2. College_Name Varchar Not Null College Name
3. Branch_name Varchar Not Null Enter the Branch Name
4. Intake Int Not Null Enter Intake
5. cutoffdt Date Null Enter Cut of Date
6. cutoffmark Int Null Enter Cut Off Marks

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

• College Table

Sl.no Name Datatype Constraints Description

1. ID INT Primary Key Unique Id for college
2. college Varchar Unique Enter the College Name

• PersonalDetails Table

Sl.no Name Datatype Constraints Description

1. rollno INT Identity Roll number for
student
2. emailid Varchar Primary Enter the email id
Key, Not
Null
4. mobileno Varchar Unique Enter mobile no
5. FirstName Varchar Not Null Enter FirstName of
Students
6. LastName Varchar Not Null Enter LastName of
Students
7. address Varchar Not Null Enter address of
student
8. dob Date Not Null Enter date of birth of
student
9. cetmarks Int - Enter CET marks of
student

• StudentChoice Table

Sl,no Name Datatype Constraints Description

1. Priority Int Not Null Enter Priority for
course
2. Id Int Not Null Foreign key from
choice table
3. Userid Varchar Not Null Enter the user id
4. Results Varchar - Result of application

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

3.1 DATA FLOW DIAGRAM

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

PORTAL DESIGN

1. ADMIN PORTAL

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

2. STUDENT PORTAL

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER-4
CODING AND DEVELOPMENT

4.1 SOURCE CODE

1. ADMIN PORTAL

Admin Login
import { useRef, useState, useEffect } from 'react';
import { useNavigate } from 'react-router-dom'
import { Grid } from '@material-ui/core';
import { Paper, Box, Button } from '@material-ui/core';
import { TextField } from '@material-ui/core';
import uniimage from "./../../images/admin_image.jpg"

import axios from './../../api/axios';

const LOGIN_URL = '/signin';

const Login = () => {

const navigate = useNavigate();
const userRef = useRef();
const errRef = useRef();

const [user, setUser] = useState('');

const [pwd, setPwd] = useState('');
const [errMsg, setErrMsg] = useState('');

useEffect(() => {
userRef.current.focus();
}, [])

useEffect(() => {
setErrMsg('');
}, [user, pwd])

const handleSubmit = async (e) => {

e.preventDefault();

try {
const requestInfo = {
"username": user,
"password": pwd
}
const response = await axios(requestInfo, LOGIN_URL)
const accessToken = response?.data?.accessToken;
const isadmin = response?.data?.isadmin;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

if (accessToken !== undefined) {

sessionStorage.clear();
sessionStorage.setItem("accessToken", accessToken);
sessionStorage.setItem("isadmin", isadmin);
setUser('');
setPwd('');
navigate("/adminhome");
}
} catch (err) {
if (!err?.response) {
setErrMsg('No Server Response');
} else if (err.response?.status === 400) {
setErrMsg('Missing Username or Password');
} else if (err.response?.status === 401) {
setErrMsg(err.response?.data.message);
} else {
setErrMsg('Login Failed');
}
errRef.current.focus();
}
}
// backgroundColor: "lightblue"
return (
<>
<Grid container style={{ position: "absolute", top: "60px", bottom: "0px", right:
"0px", left: "0px" }} justifyContent="center" >
<Grid item xs={12}>
<Paper style={{
height: "100%", textAlign: "center", alignContent: "center",
backgroundImage: `url(${uniimage})`, backgroundSize: "cover"
}}>
<Grid container justifyContent="center" >
<Grid item xs={6} >
<Paper style={{ backgroundColor: "white", width: "400px", marginLeft:
"300px" }}>

<h1>Admin Login</h1>
<p style={{ color: "red" }}>{errMsg}</p>

<TextField id="outlined-basic" ref={userRef} onChange={(e) =>

setUser(e.target.value)}
value={user}
required style={{ backgroundColor: "white" }} label="User Name"
size="small" variant="outlined" />
<br /> <br />
<TextField type="password" id="outlined-basic" onChange={(e) =>
setPwd(e.target.value)}
value={pwd}
required style={{ backgroundColor: "white" }} label="Password"
size="small" variant="outlined" /> <br /> <br />
<Button variant="contained" onClick={handleSubmit} size="medium"
color="primary">Login</Button>
<br /><br />

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

</Paper>
</Grid>
</Grid>

</Paper>
</Grid>
</Grid>

</>
)
}

export default Login

ADMIN HOME
import { useRef, useState, useEffect } from 'react';
import { Grid, Paper, TextField } from "@material-ui/core";
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';

const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}

const homepage = () => {

const navigate = UseNavigate();

const handlelogout = () => {

sessionStorage.removeItem("accessToken");
navigate("/admin")
}

return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
textAlign: "center",
backgroundColor: "white", minHeight: "85vh", borderRadius: '0px'
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

width: "100%", height: "100%",

backgroundColor: "blueviolet", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}>

<nav aria-label="main mailbox folders">

<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/adminhome")} >

<ListItemText primary="Home" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/collegelist")} >

<ListItemText primary="Add College/Course" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/setcutoff")}>

<ListItemText primary="Enter Cutoff Of College" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/displayCollege")}>

<ListItemText primary="Display Available Course" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/studentdetails")}>

<ListItemText primary="Display Student Details" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/addtime")}>

<ListItemText primary="Extend Cutoff Date" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}>

<ListItemText primary="Logout" />

</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", width: "100%",
backgroundColor: "#dbd7d7", display: "inline-block", minHeight:
"84vh"
}}>
<h2>Welcome Admin</h2>
<Grid container justifyContent="center">
<Grid item >
<Paper style={{
backgroundColor: "white", color: "black", width: "64vW",
height: "64vh",
alignItems: "center", borderRadius: "20px", padding: "20px",
fontSize: "20px"
}}>

<br />

Dear admin, you can enable admission for new course or new
college by adding college and course in add college/course section.
<br />
Insert the college list with branches first. Then enter the cutoff
list of the choices. After this students can select their choices.
</Paper>
</Grid>
</Grid>
</Paper>

</Grid>
</Grid>
</Paper>
</Grid>

</Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>
);
}
export default homepage;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

ADD COLLEGE

import * as React from 'react';

import { useRef, useState as UseState, useEffect } from 'react';
import { Paper, TextField } from "@material-ui/core";
import Grid from '@mui/material/Grid'
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import Box from '@mui/material/Box';
import Tab from '@mui/material/Tab';
import TabContext from '@mui/lab/TabContext';
import TabList from '@mui/lab/TabList';
import TabPanel from '@mui/lab/TabPanel';
import Addcollege from './../../components/addcollege'
import AddCourse from './../../components/addcourses'

const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}
const homepage = () => {

const navigate = UseNavigate();

const [value, setValue] = UseState('1');
const handleChange = (event, newValue) => {
setValue(newValue);
};
const handlelogout = () => {
sessionStorage.removeItem("accessToken");
navigate("/admin")
}
return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
textAlign: "center",
backgroundColor: "white", minHeight: "85vh", borderRadius: '0px'
}}>
<Grid container spacing={0.5}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "blueviolet", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}>
<nav aria-label="main mailbox folders">
<List>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/adminhome")} >
<ListItemText primary="Home" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/collegelist")} >
<ListItemText primary="Add College/Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/setcutoff")}>
<ListItemText primary="Enter Cutoff Of College" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/displayCollege")}>
<ListItemText primary="Display Available Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/studentdetails")}>
<ListItemText primary="Display Student Details" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/addtime")}>

<ListItemText primary="Extend Cutoff Date" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}>

<ListItemText primary="Logout" />

</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>

</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", width: "100%",
backgroundColor: "#dbd7d7", display: "inline-block", minHeight:
"84vh"
}}>
<h2>Add college List</h2>
<Grid container justifyContent="center">
<Grid item overflow="auto">
<Paper style={{

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

backgroundColor: "white", color: "black", margin: "20px",

width: "64vW", minHeight: "64vh",
alignItems: "center", borderRadius: "20px", fontSize: "20px",
paddingBottom: "40px"
}}>

<Box sx={{ width: '100%', typography: 'body1' }}>

<TabContext value={value}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList onChange={handleChange} aria-label="lab
API tabs example" centered>
<Tab label="Add Course" value="1" />
<Tab label="Add College" value="2" />
</TabList>
</Box>
<TabPanel value="1"> <AddCourse /> </TabPanel>
<TabPanel value="2"><Addcollege /></TabPanel>
</TabContext>
</Box>
</Paper>
</Grid>
</Grid>
</Paper>
</Grid>
</Grid>
</Paper>
</Grid>
</Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>

);
}
export default homepage;

import { useState as UseState, useEffect as UseEffect } from "react";

import axios from 'axios';
import Grid from '@mui/material/Grid'

import { Button, Table, TableContainer, TableHead, TableRow, TableCell, TableBody } from

"@mui/material";
import postAPi from '../api/postapi';

const addcollegeurl = 'http://localhost:7000/admission/v1/admin/addcolleges?collegename=';

const admin_url = 'http://localhost:7000/admission/v1/admin';

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

const addcollege = () => {

const [collegename, setName] = UseState('');

const [error, SetError] = UseState("");

const [messageColor, SetColor] = UseState("");

const [college, SetCollege] = UseState([]);

const messageStyle = {
"color": messageColor
}
const jwt = sessionStorage.getItem('accessToken')

const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

const getCollege = (url) =>

axios({
method: "GET",
url: admin_url + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
SetCollege(res.data)
}
});

UseEffect(() => {

getCollege("/colleges");

}, []);

const addcolleges = () => axios({

method: "POST",
url: addcollegeurl + collegename,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
SetError(res.data.message)
if (res.data.success === true) {
SetColor("green")
setName("")
}
else {

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

SetColor("red")
}
}
else {
SetError("Something went wrong please try again!!")
SetColor("red")

}
})

const handleSubmit = () => {

const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

addcolleges(header);
}

return (

<Grid container justifyContent="center">

<Grid item overflow="auto" >
<p style={{ color: messageColor }}>{error}</p>
<br />

Enter College Name : {" "} <input value={collegename} type="text" style={{

width: "300px", height: "25px" }}
onChange={(e) => {
setName(e.target.value);
}}
></input>
<br /><br />
<Button onClick={handleSubmit} style={{ backgroundColor: "orange", color:
"white", width: '200px' }}>Add college</Button>

<br />
<br />
<TableContainer>
<Table style={{ borderLeft: "1px solid", borderRight: "1px solid" }}>
<TableHead>
<TableRow>
<TableCell style={{ backgroundColor: "darkgrey", color: "white",
textAlign: "center" }}>
Available colleges
</TableCell>
</TableRow>
</TableHead>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<TableBody>
{college !== [] && college.map((data) => (
<TableRow>
<TableCell >
{data.college} </TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Grid></Grid>
);

export default addcollege;

import { useState as UseState, useEffect as UseEffect } from 'react';

import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl';
import axios from 'axios';
import Select from '@mui/material/Select';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
import TextField from '@mui/material/TextField';
import { Button, Table, TableContainer, TableHead, TableRow, TableCell, TableBody } from
"@mui/material";
import postapi from './../api/postapi';

const admin_url = 'http://localhost:7000/admission/v1/admin';

const addcourses = () => {

const [college, setCollege] = UseState('');
const [colleges, SetColleges] = UseState([]);
const [value, setValue] = UseState('2022-12-12');
const [message, SetMessage] = UseState("");
const [success, SetSuccess] = UseState("red");
const [branch, SetBranch] = UseState("");
const [intake, SetIntake] = UseState("");

const handleChange = (date) => {

const month = date.$M + 1
setValue(date.$y + "-" + month + "-" + date.$D);

const handleCollegeChange = (event) => {

setCollege(event.target.value);
};

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

const jwt = sessionStorage.getItem('accessToken')

const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

const getCollege = (url) =>

axios({
method: "GET",
url: admin_url + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
SetColleges(res.data)
setCollege(res.data[0].college)
}
});

UseEffect(() => {

getCollege("/colleges");

}, []);

const handleSubmit = async (e) => {

e.preventDefault();
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

const requestInfo = {
"id": "",
"collegeName": college,
"branchName": branch,
"intake": intake,
"cutoff": value,
"ctmark": ""
}
try {
const response = await postapi(requestInfo, "/addCourse", header);
const success = response?.data?.success;
if (success === true) {
SetMessage("Course added successfully");
SetSuccess("green");
}
else {

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

SetMessage("Something Went wrong!! please try again");

SetSuccess("red");
}
}
catch (ex) {

return (
<div>
<FormControl>
<span style={{ fontSize: "20px" }}>Select College: </span> <Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={college}
onChange={handleCollegeChange} style={{ width: "400px" }}
>{(
colleges !== [] && colleges.map((data) => (
<MenuItem value={data.college}>{data.college}</MenuItem>

))) }

</Select>
<br /><br />
<span style={{ fontSize: "20px" }}>Branch: </span> <TextField onChange={(e)
=> SetBranch(e.target.value)} id="outlined-basic" style={{ width: "400px" }}
variant="outlined" />
<br /><br />
<span style={{ fontSize: "20px" }}>Intake: </span> <TextField onChange={(e)
=> SetIntake(e.target.value)} id="outlined-basic" style={{ width: "400px" }}
variant="outlined" />
<br /><br />
<span style={{ fontSize: "20px" }}>Cutoff Date: </span>
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DesktopDatePicker
label="Date desktop"
inputFormat="YYYY-MM-DD"
value={value}
onChange={(newdate) => { handleChange(newdate) }}
renderInput={(params) => <TextField {...params} />}
/></LocalizationProvider>
<br /><br />
<Button onClick={handleSubmit} style={{ backgroundColor: "orange", color:
"white", width: '400px' }}>Add Course</Button>

</FormControl>
</div>
);
}

export default addcourses;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

ENTER CUTOFF

import { useRef, useState as UseState, useEffect as UseEffect } from 'react';

import { Grid, Paper, TextField, Button } from "@material-ui/core";
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import Select from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem';
import axios from 'axios';
import FormControl from '@mui/material/FormControl';
import postapi from './../../api/postapi';

const STUDENT_DETAILS = "http://localhost:7000/admission/v1/admin";

const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}
const homepage = () => {
const navigate = UseNavigate();
const [value, setValue] = UseState('');
const [choice, setCollegeDetails] = UseState([]);
const [clglist, setClgLst] = UseState([]);
const [branchlst, setBranchList] = UseState([]);
const [college, setCollege] = UseState("");
const [branch, setBranch] = UseState("");
const [mark, setMark] = UseState("");
const [message, SetMessage] = UseState("");
const [success, SetSuccess] = UseState("red");
const handlelogout = () => {
sessionStorage.removeItem("accessToken");
navigate("/admin")
}
const studentdetails = (url, header) => axios({
method: "GET",
url: STUDENT_DETAILS + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
setCollegeDetails(res.data[0].choice);
setClgLst(res.data[0].colleges);
setCollege(res.data[0].colleges[0].college);
const brlist = res.data[0].choice.filter((data) => (data.collegeName.toUpperCase() ===
res.data[0].colleges[0].college.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);
setValue(brlist[0].cutoff);
} return res; })

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

UseEffect(() => {
var today = new Date(),
date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
setValue(date);
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}
studentdetails("/cutofflist", header);

}, []);
const handleSubmit = async (e) => {
e.preventDefault();
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}
const requestInfo = {
"id": branch,
"collegeName": college,
"branchName": "",
"intake": "",
"cutoff": "",
"ctmark": mark
}
if (mark !== "") {
try {
const response = await postapi(requestInfo, "/setCutoff", header);
const success = response?.data?.success;
if (success === true) {
SetMessage("Cut off mark has been has been set successfully");
SetSuccess("green");
}
else {
SetMessage("Something Went wrong!! please try again");
SetSuccess("red");
}
}
catch (ex) {
}
setMark("");
studentdetails("/cutofflist", header);

}
const handleCollegeChange = (event) => {
setCollege(event.target.value);

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

const brlist = choice.filter((data) => (data.collegeName.toUpperCase() ===

event.target.value.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);
setValue(brlist[0].cutoff);
};
const handleBranchChange = (event) => {
setBranch(event.target.value);
const data = branchlst.filter((data) => (data.id === event.target.value));
setValue(data[0].cutoff);
};
return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
textAlign: "center",
backgroundColor: "white", minHeight: "85vh", borderRadius: '0px'
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "blueviolet", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}><nav aria-label="main mailbox folders">
<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/adminhome")}
><ListItemText primary="Home" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/collegelist")}
><ListItemText primary="Add College/Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/setcutoff")}><ListItemText primary="Enter Cutoff Of College" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/displayCollege")}><ListItemText primary="Display Available Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/studentdetails")}><ListItemText primary="Display Student Details" />
</ListItemButton>
</ListItem>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/addtime")}><ListItemText primary="Extend Cutoff Date" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}>
<ListItemText primary="Logout" />
</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>
</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", width: "100%",
backgroundColor: "#dbd7d7", display: "inline-block", minHeight:
"84vh"
}}>

<h2>SET CUTOFF</h2>
<Grid container justifyContent="center">
<Grid item overflow="auto" >
<Paper style={{
backgroundColor: "white", color: "black", margin: "20px",
width: "64vW", minHeight: "64vh",
alignItems: "center", borderRadius: "20px", fontSize: "30px",
paddingTop: "20px",
paddingBottom: "40px"
}}>

{clglist.length !== 0 ? <>

<p style={{ color: success, fontSize: "20px"
}}>{message}</p>
<FormControl>
<span style={{ fontSize: "20px" }}>select college:
</span>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={college}
onChange={handleCollegeChange} style={{ width:
"400px" }}
>{(
clglist !== [] && clglist.map((data) => (
<MenuItem
value={data.college}>{data.college.toUpperCase()}</MenuItem>)))}
</Select>
<br />
<span style={{ fontSize: "20px" }}>select branch: </span>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<Select labelId="demo-simple-select-label"
id="demo-simple-select"
value={branch}
onChange={handleBranchChange} style={{ width:
"400px" }}
>{(
branchlst !== [] && branchlst.map((data) => (
<MenuItem
value={data.id}>{data.branchName.toUpperCase()}</MenuItem>)))
}
</Select>
<br />
<span style={{ fontSize: "20px" }}>Cut Off Marks:
</span> <TextField type="number" onKeyPress={(event) => { if (!/[0-9]/.test(event.key))
{ event.preventDefault(); } }} onChange={(e) => setMark(e.target.value)} id="outlined-
basic" style={{ width: "400px" }} variant="outlined" />
<br /><br />

<Button onClick={handleSubmit} style={{

backgroundColor: "orange", color: "white", alignSelf: "center", width: "250px" }}>Set Cut
Off Marks</Button></FormControl>

</> : <div style={{ color: "red", textAlign: "center" }}>cut off

mark is already declared</div>}

</Paper>
</Grid>
</Grid>
</Paper>
</Grid>
</Grid>
</Paper>
</Grid>
</Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>
);
}
export default homepage;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

EXTEND CUTOFF DATE

import { useRef, useState as UseState, useEffect as UseEffect } from 'react';

import { Grid, Paper, TextField, Button } from "@material-ui/core";
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import Select from '@mui/material/Select';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import MenuItem from '@mui/material/MenuItem';
import axios from 'axios';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
import FormControl from '@mui/material/FormControl';
import postapi from './../../api/postapi';

const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}
const STUDENT_DETAILS = "http://localhost:7000/admission/v1/admin";

const homepage = () => {

const navigate = UseNavigate();

const [value, setValue] = UseState('');
const [choice, setCollegeDetails] = UseState([]);
const [clglist, setClgLst] = UseState([]);
const [branchlst, setBranchList] = UseState([]);
const [college, setCollege] = UseState("");
const [branch, setBranch] = UseState("");
const [message, SetMessage] = UseState("");
const [success, SetSuccess] = UseState("red");

const studentdetails = (url, header) => axios({

method: "GET",
url: STUDENT_DETAILS + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
setCollegeDetails(res.data[0].choice);
setClgLst(res.data[0].colleges);
setCollege(res.data[0].colleges[0].college);
const brlist = res.data[0].choice.filter((data) => (data.collegeName.toUpperCase() ===
res.data[0].colleges[0].college.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);
setValue(brlist[0].cutoff);

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

}
return res;
})

UseEffect(() => {
var today = new Date(),
date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
setValue(date);
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

studentdetails("/cutoffs", header);

}, []);

const handleSubmit = async (e) => {

// e.preventDefault();
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

const requestInfo = {
"id": branch,
"collegeName": college,
"branchName": "",
"intake": "",
"cutoff": value,
"ctmark": null
}
try {
const response = await postapi(requestInfo, "/changeCutoff", header);
const success = response?.data?.success;
if (success === true) {
SetMessage("Cut off has been updated successfully");
SetSuccess("green");
}
else {
SetMessage("Something Went wrong!! please try again");
SetSuccess("red");
}
}
catch (ex) {

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

const handleDateChage = (date) => {

const month = date.$M + 1
setValue(date.$y + "-" + month + "-" + date.$D);

}
const handleCollegeChange = (event) => {
setCollege(event.target.value);
const brlist = choice.filter((data) => (data.collegeName.toUpperCase() ===
event.target.value.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);
setValue(brlist[0].cutoff);

};
const handleBranchChange = (event) => {
setBranch(event.target.value);
const data = branchlst.filter((data) => (data.id === event.target.value));
setValue(data[0].cutoff);
};
const handlelogout = () => {
sessionStorage.removeItem("accessToken");
navigate("/admin")
}

return (

<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
textAlign: "center",
backgroundColor: "white", minHeight: "85vh", borderRadius: '0px'
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "blueviolet", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}>

<nav aria-label="main mailbox folders">

<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/adminhome")} >
<ListItemText primary="Home" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/collegelist")} >
<ListItemText primary="Add College/Course" />

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/setcutoff")}>
<ListItemText primary="Enter Cutoff Of College" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/displayCollege")}>
<ListItemText primary="Display Available Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/studentdetails")}>
<ListItemText primary="Display Student Details" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/addtime")}>
<ListItemText primary="Extend Cutoff Date" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}> <ListItemText
primary="Logout" />
</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>

</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", margin: "5px", marginTop: "0px",
width: "82.5vW",
backgroundColor: "#dbd7d7", display: "inline-block", minheight:
"84vh"
}}>
<h2>Set the Timer</h2>
<Grid container justifyContent="center">
<Grid item overflow="auto" >
<Paper style={{
backgroundColor: "white", color: "black", margin: "20px",
width: "64vW", minHeight: "64vh",
alignItems: "center", borderRadius: "20px", fontSize: "30px",
paddingTop: "20px",
paddingBottom: "40px"
}}>

<p style={{ color: success, fontSize: "20px" }}>{message}</p>

<FormControl>
<span style={{ fontSize: "20px" }}>select college: </span>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={college}
onChange={handleCollegeChange} style={{ width:
"400px" }}
>{(
clglist !== [] && clglist.map((data) => (
<MenuItem
value={data.college}>{data.college.toUpperCase()}</MenuItem>)))}
</Select>
<br />
<span style={{ fontSize: "20px" }}>select branch: </span>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={branch}
onChange={handleBranchChange} style={{ width:
"400px" }}
>{(
branchlst !== [] && branchlst.map((data) => (
<MenuItem
value={data.id}>{data.branchName.toUpperCase()}</MenuItem>)))
}
</Select>
<br />
<span style={{ fontSize: "20px" }}>Change Cutoff Date:
</span>
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DesktopDatePicker
label="Cut off date"
inputFormat="YYYY-MM-DD"
value={value}
onChange={(newdate) => {
handleDateChage(newdate)
}}
renderInput={(params) => <TextField {...params} />}
/></LocalizationProvider>
<br />
<Button onClick={handleSubmit} style={{
backgroundColor: "orange", color: "white", alignSelf: "center", width: "250px" }}>update
cutoff</Button></FormControl>
</Paper>
</Grid>
</Grid>

</Paper>

</Grid>
</Grid>
</Paper>
</Grid></Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>

);
}
export default homepage;

2. STUDENT PORTAL

PERSONAL DETAILS
import { useRef, useState as UseState, useEffect as UseEffect } from 'react';
import axios from 'axios';
import { Grid, Paper, Table, TextField, Button } from "@material-ui/core";
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import { TableRow, TableCell, TableBody } from '@mui/material';
const STUDENT_DETAILS = 'http://localhost:7000/admission/v1/student';
const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}
const personaldetails = () => {

const navigate = UseNavigate();

const [perdetail, setPDetails] = UseState("");
let data = "";

const studentdetails = (url, header) => axios({

method: "GET",
url: STUDENT_DETAILS + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
setPDetails(res.data)
}
return res;
})

UseEffect(() => {
const jwt = sessionStorage.getItem('accessToken')
const header =
{

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}
studentdetails("/personaldetails", header);
}, []);

const handlelogout = () => {

sessionStorage.removeItem("accessToken");
navigate("/login")
}
return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
bottom: "0px", textAlign: "center",
backgroundColor: "white", width: "100%", height: "85vh"
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "orange", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}><nav aria-label="main mailbox folders">
<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/home")}
><ListItemText primary="Home" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/personal")}
><ListItemText primary="Personal Details" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/choice")}><ListItemText primary="Select Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/checkresult")}><ListItemText primary="Check result" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() =>
navigate("/cutoff")}><ListItemText primary="Display Cutoff Marks" />
</ListItemButton>
</ListItem>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<ListItem disablePadding>
<ListItemButton onClick={handlelogout}><ListItemText
primary="Logout" />
</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>
</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", marginTop: "0px", width:
"82.5vW",
backgroundColor: "#dbd7d7", display: "inline-block", minheight:
"84vh"
}}><h1>Personal Details</h1>
<Grid container justifyContent="center">
<Grid item >
<Paper style={{
backgroundColor: "white", color: "black", width: "64vW",
height: "64vh",
alignItems: "center", borderRadius: "20px", padding: "20px",
fontSize: "40px", marginBottom: "20px"
}}>
{perdetail !== "" ?
<>
<Table>
<TableBody>
<TableRow style={{ borderBottom: "0" }}>
<TableCell style={{ borderBottom: "0"
}}></TableCell>
<TableCell style={{ borderBottom: "0" }}></TableCell>
<TableCell style={{ borderBottom: "0" }}></TableCell>
</TableRow>
<TableRow>
<TableCell style={{ borderBottom: "0" }}></TableCell>
<TableCell style={{ borderBottom: "0" }}></TableCell>
<TableCell style={{ borderBottom: "0" }}></TableCell>
</TableRow>
<TableRow>
<TableCell >First Name</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.firstname}</TableCell>
</TableRow>
<TableRow>
<TableCell>Last Name</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.lastname}</TableCell>
</TableRow>
<TableRow>
<TableCell>Address</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.address}</TableCell>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

</TableRow>
<TableRow>
<TableCell>Mobile No</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.mobileno}</TableCell>
</TableRow>
<TableRow>
<TableCell>Email Id</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.emailid}</TableCell>
</TableRow>
<TableRow>
<TableCell>CET Marks</TableCell>
<TableCell>:</TableCell>
<TableCell>{perdetail.cetmarks}</TableCell>
</TableRow>
</TableBody>
</Table>
<Button variant="contained" size="medium"
color="primary">Edit Personal Details</Button>
</>
: ""}
</Paper>
</Grid>
</Grid>
</Paper>
</Grid>
</Grid>
</Paper>
</Grid>

</Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>

);
}
export default personaldetails;

SELECT COURSE
import { useRef, useState as UseState, useEffect as UseEffect, useState } from 'react';
import { Grid, Paper, TextField, Button } from "@material-ui/core";
import Select from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem';

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

import axios from 'axios';

import FormControl from '@mui/material/FormControl';
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import postapi from './../../api/studentpostapi';

const STUDENT_DETAILS = "http://localhost:7000/admission/v1/admin";

const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}

const choice = () => {

const navigate = UseNavigate();

const [choice, setCollegeDetails] = UseState([]);

const [clglist, setClgLst] = UseState([]);
const [branchlst, setBranchList] = UseState([]);
const [college, setCollege] = UseState("");
const [branch, setBranch] = UseState("");
const [priority, SetPriority] = UseState("");
const [message, SetMessage] = UseState("");
const [success, SetSuccess] = UseState("red");

const studentdetails = (url, header) => axios({

method: "GET",
url: STUDENT_DETAILS + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
setCollegeDetails(res.data[0].choice);
setClgLst(res.data[0].colleges);
setCollege(res.data[0].colleges[0].college);
const brlist = res.data[0].choice.filter((data) => (data.collegeName.toUpperCase() ===
res.data[0].colleges[0].college.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);
}
return res;
})

UseEffect(() => {
const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

'Authorization': "Bearer " + jwt,

}

studentdetails("/cutoffs", header);

}, []);

const handleCollegeChange = (event) => {

setCollege(event.target.value);
const brlist = choice.filter((data) => (data.collegeName.toUpperCase() ===
event.target.value.toUpperCase()));
setBranchList(brlist);
setBranch(brlist[0].id);

};
const handleBranchChange = (event) => {
setBranch(event.target.value);
const data = branchlst.filter((data) => (data.id === event.target.value));
};

const handleSubmit = async (e) => {

const jwt = sessionStorage.getItem('accessToken')
const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

const requestInfo = {
"id": branch,
"priorities": priority,
"college": college,
"branch": "",

}
if (priority !== "") {
try {
const response = await postapi(requestInfo, "/selectedchoices", header);
const success = response?.data?.success;
if (success === true) {
SetMessage(response?.data?.message);
SetSuccess("green");
}
else {
SetMessage(response?.data?.message);
SetSuccess("red");
}
}
catch (ex) {
}
SetPriority("");
studentdetails("/cutoffs", header);

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

}
const handlelogout = () => {
sessionStorage.removeItem("accessToken");
navigate("/login")
}

return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
bottom: "0px", textAlign: "center",
backgroundColor: "white", width: "100%", height: "85vh"
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "orange", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}>

<nav aria-label="main mailbox folders">

<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/home")} >

<ListItemText primary="Home" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/personal")} >

<ListItemText primary="Personal Details" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/choice")}>

<ListItemText primary="Select Course" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/checkresult")}>

<ListItemText primary="Check result" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/cutoff")}>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<ListItemText primary="Display Cutoff Marks" />

</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}>

<ListItemText primary="Logout" />

</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>

</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", margin: "5px", marginTop: "0px",
width: "82.5vW",
backgroundColor: "#dbd7d7", display: "inline-block", minheight:
"84vh"
}}>
<h2> SELECT COURSE </h2>

<Grid container justifyContent="center">

<Grid item overflow="auto" >
<Paper style={{
backgroundColor: "white", color: "black", margin: "20px",
width: "64vW", minHeight: "64vh",
alignItems: "center", borderRadius: "20px", fontSize: "30px",
paddingTop: "20px",
paddingBottom: "40px"
}}>

<p style={{ color: success, fontSize: "20px" }}>{message}</p>

<FormControl>
<span style={{ fontSize: "20px" }}>select college: </span>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={college}
onChange={handleCollegeChange} style={{ width:
"400px" }}
>{(
clglist !== [] && clglist.map((data) => (
<MenuItem
value={data.college}>{data.college.toUpperCase()}</MenuItem>

)))}
</Select>
<br />
<span style={{ fontSize: "20px" }}>select branch: </span>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={branch}
onChange={handleBranchChange} style={{ width:
"400px" }}
>{(
branchlst !== [] && branchlst.map((data) => (
<MenuItem
value={data.id}>{data.branchName.toUpperCase()}</MenuItem>

)))
}
</Select>
<br />
<span style={{ fontSize: "20px" }}>Give Priority: </span>
<TextField type="number" onKeyPress={(event) => { if (!/[0-9]/.test(event.key)) {
event.preventDefault(); } }} onChange={(e) => SetPriority(e.target.value)} id="outlined-
basic" style={{ width: "400px" }} variant="outlined" />
<br />
<br />
<Button onClick={handleSubmit} style={{
backgroundColor: "orange", color: "white", alignSelf: "center", width: "250px" }}>add
choice</Button>

</FormControl>
</Paper>
</Grid>
</Grid>

</Paper>
</Grid>
</Grid>
</Paper>
</Grid>

</Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</>
);
}
export default choice;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

DISPLAY CUT OFF

import { useRef, useState as UseState, useEffect as UseEffect } from 'react';
import axios from 'axios';
import { Grid, Paper, TextField } from "@material-ui/core";
import { styled } from '@mui/material/styles';
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { useNavigate as UseNavigate } from 'react-router-dom';
import { tableCellClasses } from '@mui/material/TableCell';
import { Table, TableBody, TableRow, TableCell, TableHead, TableContainer } from
'@mui/material';

const StyledTableCell = styled(TableCell)(({ theme }) => ({

[`&.${tableCellClasses.head}`]: {
backgroundColor: "orange",
color: theme.palette.common.white,
},
[`&.${tableCellClasses.body}`]: {
fontSize: 14,
},
}));
const parentGrid = { position: "reltive", top: "100px", bottom: "0px", right: "0px", left: "0px"
}
const STUDENT_DETAILS = 'http://localhost:7000/admission/v1/student';

const cutoff = () => {

const navigate = UseNavigate();

const [cutoffdetails, SetCutoff] = UseState([]);

const studentdetails = (url, header) => axios({

method: "GET",
url: STUDENT_DETAILS + url,
headers: header,
timeout: 360000,
withCredentials: true
}).then((res) => {
if (res.status === 200) {
SetCutoff(res.data);
}
return res;
})

const handlelogout = () => {

sessionStorage.removeItem("accessToken");
navigate("/login")
}
UseEffect(() => {

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

const jwt = sessionStorage.getItem('accessToken')

const header =
{
'Content-Type': 'application/json',
'Authorization': "Bearer " + jwt,
}

studentdetails("/displayCutoff", header);

}, []);
return (
<>
<Grid container style={{ position: "relative", top: "60px", }}>
<Grid item xs={12}>
<Paper style={{
bottom: "0px", textAlign: "center",
backgroundColor: "white", width: "100%", height: "85vh"
}}>
<Grid container spacing={1}>
<Grid item xs={2}>
<Paper style={{
textAlign: "center", color: "white",
width: "100%", height: "100%",
backgroundColor: "orange", borderBottomLeftRadius: 0, display:
"inline-block", minHeight: "84vh"
}}>

<nav aria-label="main mailbox folders">

<List>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/home")} >
<ListItemText primary="Home" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/personal")} >
<ListItemText primary="Personal Details" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/choice")}>
<ListItemText primary="Select Course" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/checkresult")}>
<ListItemText primary="Check result" />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={() => navigate("/cutoff")}>
<ListItemText primary="Display Cutoff Marks" />
</ListItemButton>

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

</ListItem>
<ListItem disablePadding>
<ListItemButton onClick={handlelogout}> <ListItemText
primary="Logout" />
</ListItemButton>
</ListItem>
</List>
</nav>
</Paper>

</Grid>
<Grid item xs={10}>
<Paper style={{
textAlign: "center", color: "black", margin: "5px", marginTop: "0px",
width: "82.5vW",
backgroundColor: "#dbd7d7", display: "inline-block", minheight:
"84vh"
}}>
<h2>DISPLAY CUT OFF</h2>

<Grid container justifyContent="center">

<Grid item overflow="auto" >
<Paper style={{
backgroundColor: "white", color: "black", margin: "20px",
width: "64vW", minHeight: "64vh",
alignItems: "center", borderRadius: "20px", fontSize: "30px",
paddingTop: "20px",
paddingBottom: "40px", paddingLeft: "20px", paddingRight:
"20px"
}}>
{cutoffdetails.length !== 0 ?
<TableContainer>
<Table style={{ borderColor: "black", borderLeft: "1px
solid", borderRight: "1px solid" }}><TableHead>
<TableRow> <StyledTableCell>College
Name</StyledTableCell>
<StyledTableCell>Branch Name</StyledTableCell>
<StyledTableCell>Intake</StyledTableCell>
<StyledTableCell>Cut off Mark</StyledTableCell>
</TableRow>
</TableHead>
<TableBody>
{
cutoffdetails !== [] && cutoffdetails.map((details)
=> {
return (<TableRow>

<TableCell>{details.collegeName}</TableCell>

<TableCell>{details.branchName}</TableCell>
<TableCell>{details.intake}</TableCell>
<TableCell>{details.ctmark}</TableCell>
</TableRow>);

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

})
}
</TableBody>
</Table>
</TableContainer>
: <div style={{ color: "red", textAlign: "center" }}>cut off
mark is not declared yet</div>}
</Paper>
</Grid>
</Grid>

</Paper>
</Grid>
</Grid>
</Paper>
</Grid></Grid>
<Grid container xs={12} style={{ position: "fixed", bottom: '0px', }}>
<Grid item>
<Paper style={{ width: "100vW", backgroundColor: "black", height: "8vH",
borderRadius: "0px" }} >BOTTOM LINE</Paper>
</Grid>
</Grid>
</> );
}
export default cutoff;

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER-5

TESTING AND IMPLEMENTATION

5.1 INTRODUCTION TO TESTING

Software testing is the process of executing a program or system with the intent
of finding errors. Or it involves any activity aimed at evaluating an attribute or
capability of a program and determines that it meets its required results.
Software can fail in many different ways.

Testing helps in verifying and validating whether the software is working as it is

intended to be working. Testing should systematically uncover different classes
of errors in a minimum amount of time with a minimum amount of efforts.

5.2 TYPES OF TESTING USED

Testing is divided into several distinct operations:
• UNIT TESTING
Unit test comprises of a set test performed by an individual
program prior to the integration of the unit into large system. A
program unit is usually the smallest free functioning part of the
whole system. Module unit testing should be as exhaustive as
possible to ensure that each representation handled by each
module has been tested.

UNIT CASE-1

Name of test Login Test

Item being tested Test for valid admin/customer
Sample Input Enter wrong username and password
Expected Output Please enter a valid credential
Actual Output Same as expected output
Result Successful

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

UNIT CASE-2

Name of test New User Test

Item being tested Test for valid user’s data

Sample Input Enter wrong user details

Expected Output Correct user details required

Actual Output Same as expected output

Result Successful

VALIDATION TESTING

After validation testing, software is completely assembled as a package,

interfacing errors that have been uncovered and final series of software
test; the validation test begins. Steps taken during software design and
testing can greatly improve the probability of successful integration in
the larger system.

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

CHAPTER-6

CONCLUSION

Online college admission management system project is a

web application which is developed in Java spring boot and
ReactJS for helping various colleges to carry their admission
process online. This project covers only the basic features
required.
Online Admission System will give new approach and
dimension to admission system.
➢ The application provides appropriate information to users
according to the chosen service.
➢ The project is designed keeping in view the day-to-day
problems faced by a college.
➢ Deployment of our application will certainly help the
college to reduce unnecessary wastage of time in personally
going to each department for some information. Awareness
and right information about any college is essential for both
the development of student as well as faculty. So, this serves
the right purpose in achieving the desired requirements of
both the communities

6.1 FUTURE ENHANCEMENT

<Online college admission management system= project

enable many colleges to carry their admission process online
through our web application. This will reduce lot of effort for
colleges and students also
In future we will browse many categories
For online admission we will create a mobile application
which will include online payment of fee and other core
features

Downloaded by Lalita Nikam ([email protected])

 lOMoARcPSD|47684189

BIBLIOGRAPHY 7

ONLINE RESOURCES
• https://en.m.wikipedia.org/wiki/software
• https://www.geeksforgeeks.org
• https://www.tutorialspoint.com
• https://stackoverflow.com/
• https://github.com/
• https://www.w3schools.com/sql/default.asp
• https://www.javatpoint.com/creating-spring-boot-project-using-sts

Downloaded by Lalita Nikam ([email protected])