student-registration-system by Madhav

A Student Registration System built using HTML, CSS, and JavaScript. The project includes a Student Registration Form and an Admin Dashboard. The registration form collects student name, email, phone number, and course selection. JavaScript uses a Student class and constructor to create student records with unique IDs and a default contact status. Student details are stored in browser Local Storage using JSON. The Admin Dashboard retrieves and displays registered students, including their names, courses, email addresses, and phone numbers. It also provides interactive buttons to toggle student contact status between Contacted and Not Contacted. The interface uses CSS for styling, layout, spacing, colors, and button design. JavaScript handles form submission, prevents page reloads, resets the form after successful registration, dynamically renders student records, and updates stored data when contact status changes. Both pages share student information through the same Local Storage key. This project demonstrates HTML forms, CSS styling, JavaScript classes, event handling, DOM manipulation, array methods, JSON, and browser storage.

Technologies Used: HTML5, CSS3, JavaScript, Local Storage.

← Back to Madhav