+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
+
+
+
Welcome To Vinayaga Engineering College
+
Vinayaga Engineering College is established by Educational Trust. It was registered as a public charitable trust in the year 2000 to serve the society.
+ The trust is doing service in the field of Technical Education and Research. It is the first Engineering College started in the Kumbakonam. It was started with the aim to accelerate academic, social and economic development.
+ It is one of the leading Engineering colleges affiliated to the Anna University, Chennai. The Campus is spread over an area of 150 acres with gorgeous background of Temples.
+ The Fresh air, sweet medicated water from Cauvery River. The Serene area provides pleasant atmosphere for the students to concentrate well on their studies.
+
+
+
+
+
+
+
It is my earnest belief that technical education without imparting the real awareness of the social responsibility and societal values will be of no avail.
+ Our Engineering College endeavours this vital ingredient into the student community so as to transform them into well-shaped citizens of our Future india.
+
+
Mr. Rajinikanth, B.Sc.,
+
Vice Chairman /Correspondent
+
+
+
+
Propogation of Technical education must crop up from the grass roots of the rural and the down trodden portion of our society.
+ Then only the real goal of shaping the technocrat will be achieved so as to influence the society at large.
+ I sincerely hope that the above process is being demonstrated through our Arasu Engineering College to the Maximum.
+
+
Mr. Kamal, M.A.,
+
Chairman/Founder
+
+
+
+
+
Our goal is to bring changes in the world through education. The college has the privilege of having a healthy,
+ harmonious ambience and rich values.We focus on our students by providing them with a world class outcome based education, hands-on experience through research,
+ training and various student forums& clubactivities.
+
+
Dr. Prakash raj, M.E., Ph.D.,
Principal
+
+
+
+
+
Courses Offered
+
+
+
UG COURSES
+
+
B.E - Computer Science & Engineering
+
B.E - Electrical and Electronics Engineering
+
B.E - Electronics and Communication Engineering
+
B.E - Mechanical Engineering
+
B.E - Civil Engineering
+
+
+
+
Recruitment Partners
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Adminlogin.html b/Online College Election System/html/Adminlogin.html
new file mode 100644
index 00000000..075f83bc
--- /dev/null
+++ b/Online College Election System/html/Adminlogin.html
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
+
+
+
LOGIN
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Campus.html b/Online College Election System/html/Campus.html
new file mode 100644
index 00000000..b50e0d95
--- /dev/null
+++ b/Online College Election System/html/Campus.html
@@ -0,0 +1,153 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Infrastructure
+
+
The infrastructure of a college plays a vital role in the development of the college as the students are now focusing on the labs, class rooms, etc while selecting a college. It is important that the colleges have very good infrastructure with advanced laboratories equipped with state of the art equipment etc. Only then the students can get hands on experience with the latest technologies.
+ Computing resources are one of the important and mandatory needs of a college. All colleges are now equipped with latest computer products and internet connectivity but certain colleges are more advanced than the others and it is important to find those collegescollege Constructed Area is 1,64,750 Sq.ft.The Institution is spread over a sprawling campus with its calm serene surrounding creating a very good study atmosphere.
+
+
+
Library
+
+
+
The pride of the institution is the central library, which caters to the insatiable knowledge thirst of the voracious readers. It provides a serene atmosphere for deeper and concentrator study. The library has been fully automated with the application of Barcode Technology and houses separate sections for General books, References, Periodicals and Catalogues.
+ At present it has a collection of 25,100 volumes of text and reference books to meet the requirements as per the latest syllabi of Anna University. It subscribes to a large number of dailies and journals, both national and international in various subjects. Open Access System is followed and Online Public access Catalogue (OPAC) service is made available to all staff and students to save time in locating the books required. Reprographic services and internet facilities are also available.
+ Utmost care is taken in developing resources for each department.
+ The college has installed Automated Gate Register for entering the student’s details.
+
+
+
auditorium
+
+
+
This mammoth auditorium can seat more than 3000 people. Built with excellent acoustic facilities and audio control room, this auditorium has a balcony area and two green rooms attached. Complete with 30 centralized air-conditioning units, the auditorium, which is situated in the third floor of the building.
+
+ The auditorium is used for all major college functions including College Day, Founder's Remembrance Day, Founder's birthday celebrations, Cultural events, College's Founding Day celebrations, Union Valedictory Function and the College Convocation. It is also utilized for occasions such as students' assembly, wherein the entire college needs to assemble in one place.
+
+
+
hostel
+
+
+
Two separate exclusive boys and girls hostel – 8 storied buildings which can accommodate 500 students each.
+ Single, 2 , 3 & 8 Bedded accommodation
+ Optional A/C facility
+ State of the art Gym & Indoor games
+ WIFI connectivity
+ 24/7 in house medical care with 1000 beded Multi-Speciality Hospital within the campus
+ Entertainment halls with multi channel television facility
+ Open air movie screening facility for weekly movie shows
+ Exclusive visitors lounge
+ 24/7 security vigilance
+ Treated RO water in all the floors for drinking purpose.
+ Solar hot water for bathing.
+ Clean Hygienic environment'
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Contactus.html b/Online College Election System/html/Contactus.html
new file mode 100644
index 00000000..10bac0f3
--- /dev/null
+++ b/Online College Election System/html/Contactus.html
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
Location
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Departments.html b/Online College Election System/html/Departments.html
new file mode 100644
index 00000000..4bd1a7cd
--- /dev/null
+++ b/Online College Election System/html/Departments.html
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
B.E - Computer Science and Engineering
+
+
+
+
+
The department of Computer Science and Engineering strives to provide high quality education in Computer domains and follows Outcome Based Education (OBE). The department offers both UG and PG programmes with an intake of 120 and 18 respectively. The Computer Science and Engineering programme is accredited by NBA.
+
+ The department has a strong foundation to train the students on cutting edge technologies such as Cloud Computing, Python, Big Data Analytics, Machine Learning, Network Security and Information Retrieval. The department is committed to inculcate strong ethical values and spirit of social commitment among the students.
+
+ The department has well equipped laboratory facilities for Internet programming, Cloud Computing, Programming Languages, Software development, Data Analytics and Open Source Software laboratories to provide practical training to the students. Apart from the regular curriculum, the students are exposed to work in Network Technology and Network Security Laboratories through CISCO Certified Network Academy (CCNA).
+
+ ICT based Innovative teaching methods are followed in the department through smart classrooms. The department regularly organizes symposia, conferences, seminars, workshops on recent trends and technologies. The department signed MOU’s with reputed companies to support students for Internship, placement and consultancy.
+
+
+
+
B.E - Electrical and Electronics Engineering
+
+
+
+
The Department of Electrical and electronics Engineering was established in the year 2002-2003 with the intake of 60. It is recognized by AICTE and affiliated to Anna University, Chennai. The Department is accredited by National Board of Accreditation ( NBA),New Delhi for 3 years since 2009.The Department has well-defined curriculum with due exposure towards latest innovation and advancement in the field of Electrical, electronics and computer Engineering application at both introductory and advanced levels. The students are trained to analyse almost all electrical and electronics equipments, the theory behind their operation, their design, their procedure of maintenance, services etc.,
+
+The Department strives to keep in pace with the growing technology by conducting seminars, workshop, student symposiums, conferences, technical discussions and special lectures by eminent people from industry and also from well reputed institutions. The Department has vast library apart from the central library to improve the knowledge of the students and the staff.
+
+
+
+
B.E - Electronics and Communication Engineering
+
+
+
+
Electronics and Communication Engineering (ECE) is a swiftly advancing field, with new ideas emerging every other second. From mobile phones to fiber optics and remote sensing, there are exciting avenues to explore and create. The ECE department at Arasu Engineering College prepares students for careers in this constantly evolving discipline. The Department of Electronics and Communication Engineering came into existence in the year 2001-2002. Ever since its inception, it has been splendid in providing dynamic and quality engineers to the society till date., and in enhancing the laboratory facilities to cope up with the new developments in the state-of art technologies. The Electronics and Communication laboratories are constantly upgraded with new equipments.
+
+
+
B.E - Mechanical Engineering
+
+
+
+
The department of Mechanical Engineering was established in the academic year 2005-‘06 with an approved intake of 60 students and intake has risen to 120. From the inception, the department is growing constantly towards the objective and it is providing an excellent infrastructure with well equipped laboratories aiming for the development of student community with the latest technical knowledge, good leadership qualities and spirit of competence.
+
+
+
+ Various research works have been undertaken by the department in the fields of internal combustion engines, pollution and its control, renewable energy sources and alternative fuels. The department is providing all the required facilities for the students to do their project work inside the college campus. Our students won number of prizes in the national level project competitions conducted by the various universities and organizations.
+
+
+
+ The mechanical engineering students’ association is functioning under the banner “MECHZEAL” in order to develop the multi-personality skill of the students. The students association is regularly conducting various workshops, seminars, conference, etc. to cope up the students with the latest technological advancements. Frequently, experts from various fields are invited to the department for sharing their experience and knowledge with the students. The students are encouraged and guided to present technical papers in the conferences conducted by the other colleges
+
+
+
B.E - Civil Engineering
+
+
+
+
The civil engineering department started in the year 2007 and is furnished with an excellent infrastructure to enrich the students in various fields of civil engineering like Building Construction, Water Resource Engineering, Estimating and Costing, Environmental Engineering , Transportation Engineering, Survey Engineering etc.,
+
+ Objectives:
+
+ Impart quality education in Civil Engineering and empower the students to face the prospect engineering challenges.
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Election.html b/Online College Election System/html/Election.html
new file mode 100644
index 00000000..f74db174
--- /dev/null
+++ b/Online College Election System/html/Election.html
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
+
President Election Candidates
+
+
+
+
Final year-MECH
+
+
+
Final year-CSE
+
+
+
Final year-ECE
+
+
+
Vice-President Election Candidates
+
+
+
+
Second year-EEE
+
+
+
Final year-CSE
+
+
+
Final year-CIVIL
+
+
+
Final year-ECE
+
+
Cast Your Vote
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/Studentregistrationform.html b/Online College Election System/html/Studentregistrationform.html
new file mode 100644
index 00000000..241899cc
--- /dev/null
+++ b/Online College Election System/html/Studentregistrationform.html
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/home.html b/Online College Election System/html/home.html
new file mode 100644
index 00000000..152154b0
--- /dev/null
+++ b/Online College Election System/html/home.html
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ online college election system
+
+
+
+
+
+
+
+
+
+
+
+
+
+
vinayaga engineering college
+
+
+
+
+
+
+
+
+
+
+
+
Welcome To Vinayaga Engineering College
+
Vinayaga Engineering College is established by Educational Trust. It was registered as a public charitable trust in the year 2000 to serve the society.
+ The trust is doing service in the field of Technical Education and Research. It is the first Engineering College started in the Kumbakonam. It was started with the aim to accelerate academic, social and economic development.
+ It is one of the leading Engineering colleges affiliated to the Anna University, Chennai. The Campus is spread over an area of 150 acres with gorgeous background of Temples.
+ The Fresh air, sweet medicated water from Cauvery River. The Serene area provides pleasant atmosphere for the students to concentrate well on their studies.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Online College Election System/html/votedsuccessfully .html b/Online College Election System/html/votedsuccessfully .html
new file mode 100644
index 00000000..76320d5a
--- /dev/null
+++ b/Online College Election System/html/votedsuccessfully .html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+ online college election system
+
+
+
Thanks for Voting
+
+
\ No newline at end of file
diff --git a/Online College Election System/image/Rajinikanth.jpg b/Online College Election System/image/Rajinikanth.jpg
new file mode 100644
index 00000000..917881d0
Binary files /dev/null and b/Online College Election System/image/Rajinikanth.jpg differ
diff --git a/Online College Election System/image/ajith.jpg b/Online College Election System/image/ajith.jpg
new file mode 100644
index 00000000..7f0cad8f
Binary files /dev/null and b/Online College Election System/image/ajith.jpg differ
diff --git a/Online College Election System/image/atharvaa.jpg b/Online College Election System/image/atharvaa.jpg
new file mode 100644
index 00000000..091b1f86
Binary files /dev/null and b/Online College Election System/image/atharvaa.jpg differ
diff --git a/Online College Election System/image/auditorium.jfif b/Online College Election System/image/auditorium.jfif
new file mode 100644
index 00000000..cafbee7a
Binary files /dev/null and b/Online College Election System/image/auditorium.jfif differ
diff --git a/Online College Election System/image/bus.png b/Online College Election System/image/bus.png
new file mode 100644
index 00000000..2df5a074
Binary files /dev/null and b/Online College Election System/image/bus.png differ
diff --git a/Online College Election System/image/canteen1.jpg b/Online College Election System/image/canteen1.jpg
new file mode 100644
index 00000000..519a2269
Binary files /dev/null and b/Online College Election System/image/canteen1.jpg differ
diff --git a/Online College Election System/image/capgemini.jpg b/Online College Election System/image/capgemini.jpg
new file mode 100644
index 00000000..a98106ac
Binary files /dev/null and b/Online College Election System/image/capgemini.jpg differ
diff --git a/Online College Election System/image/civil lab.jpg b/Online College Election System/image/civil lab.jpg
new file mode 100644
index 00000000..18f20471
Binary files /dev/null and b/Online College Election System/image/civil lab.jpg differ
diff --git a/Online College Election System/image/clg campus.jpg b/Online College Election System/image/clg campus.jpg
new file mode 100644
index 00000000..79a90c82
Binary files /dev/null and b/Online College Election System/image/clg campus.jpg differ
diff --git a/Online College Election System/image/clg student.jpg b/Online College Election System/image/clg student.jpg
new file mode 100644
index 00000000..5748ce79
Binary files /dev/null and b/Online College Election System/image/clg student.jpg differ
diff --git a/Online College Election System/image/college campus.jpg b/Online College Election System/image/college campus.jpg
new file mode 100644
index 00000000..57ae8e6e
Binary files /dev/null and b/Online College Election System/image/college campus.jpg differ
diff --git a/Online College Election System/image/college logo.jpg b/Online College Election System/image/college logo.jpg
new file mode 100644
index 00000000..63d40be7
Binary files /dev/null and b/Online College Election System/image/college logo.jpg differ
diff --git a/Online College Election System/image/computer.jpg b/Online College Election System/image/computer.jpg
new file mode 100644
index 00000000..ede8c1c3
Binary files /dev/null and b/Online College Election System/image/computer.jpg differ
diff --git a/Online College Election System/image/cse lab.jpg b/Online College Election System/image/cse lab.jpg
new file mode 100644
index 00000000..00a0efff
Binary files /dev/null and b/Online College Election System/image/cse lab.jpg differ
diff --git a/Online College Election System/image/cse.jpg b/Online College Election System/image/cse.jpg
new file mode 100644
index 00000000..92950cbb
Binary files /dev/null and b/Online College Election System/image/cse.jpg differ
diff --git a/Online College Election System/image/ece lab.jpg b/Online College Election System/image/ece lab.jpg
new file mode 100644
index 00000000..3d92c87a
Binary files /dev/null and b/Online College Election System/image/ece lab.jpg differ
diff --git a/Online College Election System/image/eeee lab.jpg b/Online College Election System/image/eeee lab.jpg
new file mode 100644
index 00000000..00b6e8f7
Binary files /dev/null and b/Online College Election System/image/eeee lab.jpg differ
diff --git a/Online College Election System/image/food.jpg b/Online College Election System/image/food.jpg
new file mode 100644
index 00000000..26ffa658
Binary files /dev/null and b/Online College Election System/image/food.jpg differ
diff --git a/Online College Election System/image/harish.jpg b/Online College Election System/image/harish.jpg
new file mode 100644
index 00000000..42c42af2
Binary files /dev/null and b/Online College Election System/image/harish.jpg differ
diff --git a/Online College Election System/image/hcl.jpg b/Online College Election System/image/hcl.jpg
new file mode 100644
index 00000000..105278bf
Binary files /dev/null and b/Online College Election System/image/hcl.jpg differ
diff --git a/Online College Election System/image/hostel.jfif b/Online College Election System/image/hostel.jfif
new file mode 100644
index 00000000..2d33858c
Binary files /dev/null and b/Online College Election System/image/hostel.jfif differ
diff --git a/Online College Election System/image/jyothika.jpg b/Online College Election System/image/jyothika.jpg
new file mode 100644
index 00000000..b2c4cdf5
Binary files /dev/null and b/Online College Election System/image/jyothika.jpg differ
diff --git a/Online College Election System/image/kamal.jfif b/Online College Election System/image/kamal.jfif
new file mode 100644
index 00000000..a66b7c7e
Binary files /dev/null and b/Online College Election System/image/kamal.jfif differ
diff --git a/Online College Election System/image/keerthi.jfif b/Online College Election System/image/keerthi.jfif
new file mode 100644
index 00000000..71f8a001
Binary files /dev/null and b/Online College Election System/image/keerthi.jfif differ
diff --git a/Online College Election System/image/library 2.jpg b/Online College Election System/image/library 2.jpg
new file mode 100644
index 00000000..c8590f89
Binary files /dev/null and b/Online College Election System/image/library 2.jpg differ
diff --git a/Online College Election System/image/library.jpg b/Online College Election System/image/library.jpg
new file mode 100644
index 00000000..a39ed8ff
Binary files /dev/null and b/Online College Election System/image/library.jpg differ
diff --git a/Online College Election System/image/mech lab.jpg b/Online College Election System/image/mech lab.jpg
new file mode 100644
index 00000000..aaa1babf
Binary files /dev/null and b/Online College Election System/image/mech lab.jpg differ
diff --git a/Online College Election System/image/prakash raj.jpg b/Online College Election System/image/prakash raj.jpg
new file mode 100644
index 00000000..00e8b3f0
Binary files /dev/null and b/Online College Election System/image/prakash raj.jpg differ
diff --git a/Online College Election System/image/sports.jpg b/Online College Election System/image/sports.jpg
new file mode 100644
index 00000000..9549ec03
Binary files /dev/null and b/Online College Election System/image/sports.jpg differ
diff --git a/Online College Election System/image/suriya.jfif b/Online College Election System/image/suriya.jfif
new file mode 100644
index 00000000..b5f56e41
Binary files /dev/null and b/Online College Election System/image/suriya.jfif differ
diff --git a/Online College Election System/image/tcs.png b/Online College Election System/image/tcs.png
new file mode 100644
index 00000000..c5ab94d2
Binary files /dev/null and b/Online College Election System/image/tcs.png differ
diff --git a/Online College Election System/image/vijay.jpg b/Online College Election System/image/vijay.jpg
new file mode 100644
index 00000000..e9e62175
Binary files /dev/null and b/Online College Election System/image/vijay.jpg differ
diff --git a/Online College Election System/image/wipro.jpg b/Online College Election System/image/wipro.jpg
new file mode 100644
index 00000000..07345e1d
Binary files /dev/null and b/Online College Election System/image/wipro.jpg differ
diff --git a/Online College Election System/image/zoho.jpg b/Online College Election System/image/zoho.jpg
new file mode 100644
index 00000000..c481383e
Binary files /dev/null and b/Online College Election System/image/zoho.jpg differ
diff --git a/Online College Election System/javascript/adminlogin.js b/Online College Election System/javascript/adminlogin.js
new file mode 100644
index 00000000..c62dbb70
--- /dev/null
+++ b/Online College Election System/javascript/adminlogin.js
@@ -0,0 +1,91 @@
+class FormValidation{
+ formValues = {
+ username : "",
+ password : ""
+ }
+ errorValues = {
+ usernameErr : "",
+
+ passwordErr : ""
+
+ }
+ showErrorMsg(index,msg){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.add('error')
+ form_group.getElementsByTagName('span')[0].textContent = msg
+ }
+ showSuccessMsg(index){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.remove('error')
+ form_group.classList.add('success')
+ }
+ getInputs(){
+ this.formValues.username = document.getElementById('username').value.trim()
+
+ this.formValues.password = document.getElementById('password').value.trim()
+
+ }
+ validateUsername(){
+ if(this.formValues.username === ""){
+ this.errorValues.usernameErr = "* Please Enter Your Name"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length <= 4 ){
+ this.errorValues.usernameErr = "* Username must be atleast 5 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length > 14){
+ this.errorValues.usernameErr = "* Username should not exceeds 14 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else {
+ this.errorValues.usernameErr = ""
+ this.showSuccessMsg(0)
+ }
+ }
+ validatePassword(){
+ if(this.formValues.password === ""){
+ this.errorValues.passwordErr = "* Please Provide a Password"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length <= 4){
+ this.errorValues.passwordErr = "* Password must be atleast 5 Characters"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length > 10){
+ this.errorValues.passwordErr = "* Password should not exceeds 10 Characters"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else {
+ this.errorValues.passwordErr = ""
+ this.showSuccessMsg(1)
+ }
+ }
+ alertMessage(){
+ const {usernameErr, passwordErr }= this.errorValues
+ if(usernameErr === "" && passwordErr === "" ){
+ swal("Registration Successful","ThankYou , "+this.formValues.username,"success").then(() => {
+ console.log(this.formValues)
+ this.removeInputs()
+ })
+ } else {
+ swal("Give Valid Inputs","Click ok to Continue" ,"error")
+ }
+ }
+
+
+ removeInputs(){
+ const form_groups = document.getElementsByClassName('form-group')
+ Array.from(form_groups).forEach(element => {
+ element.getElementsByTagName('input')[0].value = ""
+ element.getElementsByTagName('span')[0].textContent = ""
+ element.classList.remove('success')
+ })
+ }
+}
+
+const ValidateUserInputs = new FormValidation()
+
+document.getElementsByClassName('form')[0].addEventListener('submit' , event => {
+ event.preventDefault()
+ ValidateUserInputs.getInputs()
+ ValidateUserInputs.validateUsername()
+
+ ValidateUserInputs.validatePassword()
+
+ ValidateUserInputs.alertMessage()
+})
\ No newline at end of file
diff --git a/Online College Election System/javascript/studentlogin.js b/Online College Election System/javascript/studentlogin.js
new file mode 100644
index 00000000..8d9d718b
--- /dev/null
+++ b/Online College Election System/javascript/studentlogin.js
@@ -0,0 +1,91 @@
+class FormValidation{
+ formValues = {
+ username : "",
+ password : ""
+ }
+ errorValues = {
+ usernameErr : "",
+
+ passwordErr : ""
+
+ }
+ showErrorMsg(index,msg){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.add('error')
+ form_group.getElementsByTagName('span')[0].textContent = msg
+ }
+ showSuccessMsg(index){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.remove('error')
+ form_group.classList.add('success')
+ }
+ getInputs(){
+ this.formValues.username = document.getElementById('username').value.trim()
+
+ this.formValues.password = document.getElementById('password').value.trim()
+
+ }
+ validateUsername(){
+ if(this.formValues.username === ""){
+ this.errorValues.usernameErr = "* Please Enter Your Name"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length <= 4 ){
+ this.errorValues.usernameErr = "* Username must be atleast 5 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length > 14){
+ this.errorValues.usernameErr = "* Username should not exceeds 14 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else {
+ this.errorValues.usernameErr = ""
+ this.showSuccessMsg(0)
+ }
+ }
+ validatePassword(){
+ if(this.formValues.password === ""){
+ this.errorValues.passwordErr = "* Please Provide a Password"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length <= 4){
+ this.errorValues.passwordErr = "* Password must be atleast 5 Characters"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length > 10){
+ this.errorValues.passwordErr = "* Password should not exceeds 10 Characters"
+ this.showErrorMsg(1,this.errorValues.passwordErr)
+ } else {
+ this.errorValues.passwordErr = ""
+ this.showSuccessMsg(1)
+ }
+ }
+ alertMessage(){
+ const {usernameErr, passwordErr }= this.errorValues
+ if(usernameErr === "" && passwordErr === "" ){
+ swal("Registration Successful","ThankYou , "+this.formValues.username,"success").then(() => {
+ console.log(this.formValues)
+ this.removeInputs()
+ })
+ } else {
+ swal("Give Valid Inputs","Click ok to Continue" ,"error")
+ }
+ }
+
+
+ removeInputs(){
+ const form_groups = document.getElementsByClassName('form-group')
+ Array.from(form_groups).forEach(element => {
+ element.getElementsByTagName('input')[0].value = ""
+ element.getElementsByTagName('span')[0].textContent = ""
+ element.classList.remove('success')
+ })
+ }
+}
+
+const ValidateUserInputs = new FormValidation()
+
+document.getElementsByClassName('form')[0].addEventListener ('submit' , event => {
+ event.preventDefault()
+ ValidateUserInputs.getInputs()
+ ValidateUserInputs.validateUsername()
+
+ ValidateUserInputs.validatePassword()
+
+ ValidateUserInputs.alertMessage()
+})
\ No newline at end of file
diff --git a/Online College Election System/javascript/studentregistrationform.js b/Online College Election System/javascript/studentregistrationform.js
new file mode 100644
index 00000000..a2c7e529
--- /dev/null
+++ b/Online College Election System/javascript/studentregistrationform.js
@@ -0,0 +1,138 @@
+class FormValidation{
+ formValues = {
+ username : "",
+ email : "",
+ phonenumber : "",
+ password : "",
+ confirmpassword : ""
+ }
+ errorValues = {
+ usernameErr : "",
+ emailErr : "",
+ phonenumberErr : "",
+ passwordErr : "",
+ confirmpasswordErr : ""
+ }
+ showErrorMsg(index,msg){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.add('error')
+ form_group.getElementsByTagName('span')[0].textContent = msg
+ }
+ showSuccessMsg(index){
+ const form_group = document.getElementsByClassName('form-group')[index]
+ form_group.classList.remove('error')
+ form_group.classList.add('success')
+ }
+ getInputs(){
+ this.formValues.username = document.getElementById('username').value.trim()
+ this.formValues.email = document.getElementById('email').value.trim()
+ this.formValues.phonenumber = document.getElementById('phonenumber').value.trim()
+ this.formValues.password = document.getElementById('password').value.trim()
+ this.formValues.confirmpassword = document.getElementById('confirmpassword').value.trim()
+ }
+ validateUsername(){
+ if(this.formValues.username === ""){
+ this.errorValues.usernameErr = "* Please Enter Your Name"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length <= 4 ){
+ this.errorValues.usernameErr = "* Username must be atleast 5 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else if(this.formValues.username.length > 14){
+ this.errorValues.usernameErr = "* Username should not exceeds 14 Characters"
+ this.showErrorMsg(0,this.errorValues.usernameErr)
+ } else {
+ this.errorValues.usernameErr = ""
+ this.showSuccessMsg(0)
+ }
+ }
+ validateEmail(){
+ //abc@gmail.co.in
+ const regExp = /^([a-zA-Z0-9-_\.]+)@([a-zA-Z0-9]+)\.([a-zA-Z]{2,10})(\.[a-zA-Z]{2,8})?$/
+ if(this.formValues.email === ""){
+ this.errorValues.emailErr = "* Please Enter Valid Email"
+ this.showErrorMsg(1,this.errorValues.emailErr)
+ } else if(!(regExp.test(this.formValues.email))){
+ this.errorValues.emailErr = "* Invalid Email"
+ this.showErrorMsg(1,this.errorValues.emailErr)
+ } else {
+ this.errorValues.emailErr = ""
+ this.showSuccessMsg(1)
+ }
+ }
+ validatePhonenumber(){
+ const phoneno = /^\d{10}$/
+ if(this.formValues.phonenumber === ""){
+ this.errorValues.phonenumberErr = "* Please Enter your Phone Number"
+ this.showErrorMsg(2,this.errorValues.phonenumberErr)
+ } else if(phoneno.test(this.formValues.phonenumber)){
+ this.errorValues.phonenumberErr = ""
+ this.showSuccessMsg(2)
+ } else {
+ this.errorValues.phonenumberErr = "* Invalid Phone Number"
+ this.showErrorMsg(2,this.errorValues.phonenumberErr)
+ }
+ }
+ validatePassword(){
+ if(this.formValues.password === ""){
+ this.errorValues.passwordErr = "* Please Provide a Password"
+ this.showErrorMsg(3,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length <= 4){
+ this.errorValues.passwordErr = "* Password must be atleast 5 Characters"
+ this.showErrorMsg(3,this.errorValues.passwordErr)
+ } else if(this.formValues.password.length > 10){
+ this.errorValues.passwordErr = "* Password should not exceeds 10 Characters"
+ this.showErrorMsg(3,this.errorValues.passwordErr)
+ } else {
+ this.errorValues.passwordErr = ""
+ this.showSuccessMsg(3)
+ }
+ }
+ validateConfirmpassword(){
+ if(this.formValues.confirmpassword === ""){
+ this.errorValues.confirmpasswordErr = "* Invalid Confirm Password"
+ this.showErrorMsg(4,this.errorValues.confirmpasswordErr)
+ } else if(this.formValues.confirmpassword === this.formValues.password && this.errorValues.passwordErr === ""){
+ this.errorValues.confirmpasswordErr = ""
+ this.showSuccessMsg(4)
+ } else if(this.errorValues.passwordErr){
+ this.errorValues.confirmpasswordErr = "* An error occurred in Password Field"
+ this.showErrorMsg(4,this.errorValues.confirmpasswordErr)
+ } else {
+ this.errorValues.confirmpasswordErr = "* Password Must Match"
+ this.showErrorMsg(4,this.errorValues.confirmpasswordErr)
+ }
+ }
+ alertMessage(){
+ const {usernameErr , emailErr , phonenumberErr , passwordErr , confirmpasswordErr}= this.errorValues
+ if(usernameErr === "" && emailErr === "" && phonenumberErr === "" && passwordErr === "" && confirmpasswordErr === ""){
+ swal("Registration Successful","ThankYou , "+this.formValues.username,"success").then(() => {
+ console.log(this.formValues)
+ this.removeInputs()
+ })
+ } else {
+ swal("Give Valid Inputs","Click ok to Continue" ,"error")
+ }
+ }
+
+ removeInputs(){
+ const form_groups = document.getElementsByClassName('form-group')
+ Array.from(form_groups).forEach(element => {
+ element.getElementsByTagName('input')[0].value = ""
+ element.getElementsByTagName('span')[0].textContent = ""
+ element.classList.remove('success')
+ })
+ }
+}
+
+const ValidateUserInputs = new FormValidation()
+
+document.getElementsByClassName('form')[0].addEventListener('submit' , event => {
+ event.preventDefault()
+ ValidateUserInputs.getInputs()
+ ValidateUserInputs.validateUsername()
+ ValidateUserInputs.validateEmail()
+ ValidateUserInputs.validatePhonenumber()
+ ValidateUserInputs.validatePassword()
+ ValidateUserInputs.validateConfirmpassword()
+ ValidateUserInputs.alertMessage()
+})
\ No newline at end of file
diff --git a/README.md b/README.md
index 38f986bb..45fd3416 100644
--- a/README.md
+++ b/README.md
@@ -1,112 +1 @@
-[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
-[](http://makeapullrequest.com)
-
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
-
-[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
-
-# Web Development for Beginners - A Curriculum
-
-Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
-
-**Hearty thanks to our authors Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, and sketchnote artist Tomomi Imura!**
-
-# Are you a student?
-
-Get started with the following resources:
-
-- [Student Hub page](https://docs.microsoft.com/en-gb/learn/student-hub?WT.mc_id=academic-77807-sagibbon) In this page, you will find beginner resources, Student packs and even ways to get a free cert voucher. This is one page you want to bookmark and check from time to time as we switch out content at least monthly.
-- [Microsoft Student Learn ambassadors](https://studentambassadors.microsoft.com?WT.mc_id=academic-77807-sagibbon) Join a global community of student ambassadors, this could be your way into Microsoft
-
-
-# Getting Started
-
-> **Teachers**, we have [included some suggestions](for-teachers.md) on how to use this curriculum. We'd love your feedback [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
-
-> **[Students](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, to use this curriculum on your own, fork the entire repo and complete the exercises on your own, starting with a pre-lecture quiz, then reading the lecture and completing the rest of the activities. Try to create the projects by comprehending the lessons rather than copying the solution code; however, that code is available in the /solutions folders in each project-oriented lesson. Another idea would be to form a study group with friends and go through the content together. For further study, we recommend [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-77807-sagibbon) and by watching the videos mentioned below.
-
-[](https://youtube.com/watch?v=R1wrdtmBSII)
-
-Gif by [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
-
-> 🎥 Click the image above for a video about the project and the folks who created it!
-
-## Pedagogy
-
-We have chosen two pedagogical tenets while building this curriculum: ensuring that it is project-based and that it includes frequent quizzes. By the end of this series, students will have built a typing game, a virtual terrarium, a 'green' browser extension, a 'space invaders' type game, and a business-type banking app, and will have learned the basics of JavaScript, HTML, and CSS along with the modern toolchain of today's web developer.
-
-> 🎓 You can take the first few lessons in this curriculum as a [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-77807-sagibbon) on Microsoft Learn!
-
-By ensuring that the content aligns with projects, the process is made more engaging for students and retention of concepts will be augmented. We also wrote several starter lessons in JavaScript basics to introduce concepts, paired with video from the "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some of whose authors contributed to this curriculum.
-
-In addition, a low-stakes quiz before a class sets the intention of the student towards learning a topic, while a second quiz after class ensures further retention. This curriculum was designed to be flexible and fun and can be taken in whole or in part. The projects start small and become increasingly complex by the end of the 12 week cycle.
-
-While we have purposefully avoided introducing JavaScript frameworks so as to concentrate on the basic skills needed as a web developer before adopting a framework, a good next step to completing this curriculum would be learning about Node.js via another collection of videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-77807-sagibbon)".
-
-> Find our [Code of Conduct](CODE_OF_CONDUCT.md), [Contributing](CONTRIBUTING.md), and [Translation](TRANSLATIONS.md) guidelines. We welcome your constructive feedback!
-
-## Each lesson includes:
-
-- optional sketchnote
-- optional supplemental video
-- pre-lesson warmup quiz
-- written lesson
-- for project-based lessons, step-by-step guides on how to build the project
-- knowledge checks
-- a challenge
-- supplemental reading
-- assignment
-- post-lesson quiz
-
-> **A note about quizzes**: All quizzes are contained [in this app](https://ashy-river-0debb7803.1.azurestaticapps.net/), for 48 total quizzes of three questions each. They are linked from within the lessons but the quiz app can be run locally; follow the instruction in the `quiz-app` folder. They are gradually being localized.
-
-## Lessons
-
-| | Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn the basic underpinnings behind most programming languages and about software that helps professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
-| 02 | Getting Started | Basics of GitHub, includes working with a team | How to use GitHub in your project, how to collaborate with others on a code base | [Intro to GitHub](/1-getting-started-lessons/2-github-basics/README.md) | Floor |
-| 03 | Getting Started | Accessibility | Learn the basics of web accessibility | [Accessibility Fundamentals](/1-getting-started-lessons/3-accessibility/README.md) | Christopher |
-| 04 | JS Basics | JavaScript Data Types | The basics of JavaScript data types | [Data Types](/2-js-basics/1-data-types/README.md) | Jasmine |
-| 05 | JS Basics | Functions and Methods | Learn about functions and methods to manage an application's logic flow | [Functions and Methods](/2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
-| 06 | JS Basics | Making Decisions with JS | Learn how to create conditions in your code using decision-making methods | [Making Decisions](/2-js-basics/3-making-decisions/README.md) | Jasmine |
-| 07 | JS Basics | Arrays and Loops | Work with data using arrays and loops in JavaScript | [Arrays and Loops](/2-js-basics/4-arrays-loops/README.md) | Jasmine |
-| 08 | [Terrarium](/3-terrarium/solution/README.md) | HTML in Practice | Build the HTML to create an online terrarium, focusing on building a layout | [Introduction to HTML](/3-terrarium/1-intro-to-html/README.md) | Jen |
-| 09 | [Terrarium](/3-terrarium/solution/README.md) | CSS in Practice | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive | [Introduction to CSS](/3-terrarium/2-intro-to-css/README.md) | Jen |
-| 10 | [Terrarium](/3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation | [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
-| 11 | [Typing Game](/4-typing-game/solution/README.md) | Build a Typing Game | Learn how to use keyboard events to drive the logic of your JavaScript app | [Event-Driven Programming](/4-typing-game/typing-game/README.md) | Christopher |
-| 12 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Working with Browsers | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension | [About Browsers](/5-browser-extension/1-about-browsers/README.md) | Jen |
-| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage | [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
-| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Background processes in the browser, web performance | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make | [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
-| 15 | [Space Game](/6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game | [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md) | Chris |
-| 16 | [Space Game](/6-space-game/solution/README.md) | Drawing to canvas | Learn about the Canvas API, used to draw elements to a screen | [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md) | Chris |
-| 17 | [Space Game](/6-space-game/solution/README.md) | Moving elements around the screen | Discover how elements can gain motion using the cartesian coordinates and the Canvas API | [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md) | Chris |
-| 18 | [Space Game](/6-space-game/solution/README.md) | Collision detection | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game | [Collision Detection](/6-space-game/4-collision-detection/README.md) | Chris |
-| 19 | [Space Game](/6-space-game/solution/README.md) | Keeping score | Perform math calculations based on the game's status and performance | [Keeping Score](/6-space-game/5-keeping-score/README.md) | Chris |
-| 20 | [Space Game](/6-space-game/solution/README.md) | Ending and restarting the game | Learn about ending and restarting the game, including cleaning up assets and resetting variable values | [The Ending Condition](/6-space-game/6-end-condition/README.md) | Chris |
-| 21 | [Banking App](/7-bank-project/solution/README.md) | HTML Templates and Routes in a Web App | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates | [HTML Templates and Routes](/7-bank-project/1-template-route/README.md) | Yohan |
-| 22 | [Banking App](/7-bank-project/solution/README.md) | Build a Login and Registration Form | Learn about building forms and handing validation routines | [Forms](/7-bank-project/2-forms/README.md) | Yohan |
-| 23 | [Banking App](/7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data flows in and out of your app, how to fetch it, store it, and dispose of it | [Data](/7-bank-project/3-data/README.md) | Yohan |
-| 24 | [Banking App](/7-bank-project/solution/README.md) | Concepts of State Management | Learn how your app retains state and how to manage it programmatically | [State Management](/7-bank-project/4-state-management/README.md) | Yohan |
-
-## Offline access
-
-You can run this documentation offline by using [Docsify](https://docsify.js.org/#/). Fork this repo, [install Docsify](https://docsify.js.org/#/quickstart) on your local machine, and then in the root folder of this repo, type `docsify serve`. The website will be served on port 3000 on your localhost: `localhost:3000`.
-
-## PDF
-
-A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
-
-## Other Curricula
-
-Our team produces other curricula! Check out:
-
-- [Machine Learning for Beginners](https://aka.ms/ml-beginners/?WT.mc_id=academic-77807-sagibbon)
-- [IoT for Beginners](https://aka.ms/iot-beginners/?WT.mc_id=academic-77807-sagibbon)
-- [Data Science for Beginners](https://aka.ms/datascience-beginners/?WT.mc_id=academic-77807-sagibbon)
-- [AI for Beginners](https://aka.ms/ai-beginners/?WT.mc_id=academic-77807-sagibbon)
+# Online_College_Election_System
\ No newline at end of file